函数的概念介绍
函数就是封装了一段可被重复调用执行的代码块,通过此代码块可以实现大量代码的重复使用。函数可以直接调用,提高了代码的复用率。在Javascript中,方法(method)一般为定义在对象中的函数,JavaScript 使用关键字 function 定义函数。 也可以理解为函数是对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法,由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。
(PS:函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口)
函数的使用
函数的使用分为两步:函数声明和函数调用
声明函数有两种:
(1)第一种是自定义函数: 函数由function关键字声明,后面紧跟函数名,函数名后面为形参列表,列表后大括号括起来的内容为函数体
格式如下:
function 函数名(形参列表){
函数体
}
(2)第二种是将一个匿名函数(没有函数名的函数)赋值给一个函数变量,这种方式称为函数表达式。
函数表达式格式如下
var 函数名=function(形参列表){
函数体
}
函数调用方式:函数名();
注意一定要加(),声明函数本身并不会执行代码,只有调用函数才会执行函数代码 。
//1声明函数
function say() {
console.log('你好呀');
}
//2函数表达式
var sayHi = function () {
console.log('你好呀');
}
//调用函数
say();
sayHi();
结果如下
函数声明与var变量声明类似,会进行提升
function add(a, b) {
var result = a + b;
return result;//返回值//返回执行的结果给被调用的
}
var total = add(1, 2)
console.log(total)//3
foo();//函数声明提升到代码的最前边,可以直接调用函数
function foo() {
console.log("hell world");
//return;
//console.log("1");//return之后的语句不执行
//如果没有返回的内容,则在写代码的时候不关注返回值
//没有return:代码执行到大括号
}
//变量声明提升 变量声明提升到代码的前边,在函数声明之后,在正常代码之前
console.log(a); //undefined 这里不报错,因为后边有var a的声明。变量的声明进行提升到前边
var a = 'hello';
console.log(a); //'hello'
本文含有隐藏内容,请 开通VIP 后查看