函数—用于封装一系列代码来完成特定的任务
函数由关键字function声明
- 方法(method)
一般为定义在对象中的函数。
如:var obj = { sayName:function(){} };
这里的sayName()就是obj对象的一个方法。
- 函数的表示方式
- 函数声明
function 函数名(形参列表){
//函数体
}
- 函数表达式
将一个匿名函数赋值给一个函数变量,这种方式成为函数表达式
匿名函数 ---- 匿名函数的执行环境具有全局性
匿名函数最大的用途是创建闭包,并且还可以构建命名空间,以减少全局变量的使用。
function(){}
var 函数名 = function(形参列表){
//函数体
}
立即执行函数 IIFE(Immediately-Invoked Function Expression)
(function(){})()或者(function(){}())
形如这样的叫做立即执行函数
IIFE作用:
1.改变变量的作用域(创建一个独立的作用域)
2.封装临时变量,避免全局变量污染
3.只执行一次
- 函数的内部属性–只有在函数内部才能访问的属性
- arguments 类数组对象,包含着传入函数中的参数
即使不定义形参,也能通过arguments使用实参
类数组对象:不是由Array构造函数创建的对象,但是指具有向对象元素的数字索引下标以及 length 属性
callee属性 用来指向拥有这个arguments对象的函数,length属性代表存放实参的个数
arguments的使用:
1).累加
function add(){
//console.log(arguments);//{ '0': 1, '1': 2, '2': 3, '3': 4 }
var total = 0;
for(var i=0;i<arguments.length;i++){
total += arguments[i];
}
return total;
}
var result = add(1,2,3,4);
console.log(result);//10
2).递归阶乘
function mul(n){
if(n>1){
return n*arguments.callee(n-1);
}else{
return 1;
}
}
- this–指向函数执行的环境对象–指向当前函数作用域 this指向详细介绍
length:返回函数形参的个数
function test(a,b){}
console.log(test.length);
函数声明提升在变量声明提升之前
- 函数中返回 undefined 的情况:
- 函数中形参列表,在没有传入实参的情况下直接打印:undefined
function test(a){
console.log(a);
}
test();//undefined
//这里a作为局部变量被声明,但是没有赋值,所以打印出undefined
- 作为对象方法被调用的函数,若其中没有内容,打印出:undefined
var obj = {
test:function(){}
};
console.log(obj.test());//undefined
//一个方法(函数)中如果它的函数体为空时,在调用时会返回undefined
- 函数作为返回值时没有在其内部设置返回值,打印外部函数调用时:undefined
function test(){
return function(){
console.log(1);
}
}
console.log(test()());// 1 undefined
//这里test()调用自身,然后再()调用内部的返回函数,打印出1,console.log()默认接受函数时会打印返回值,如果没有设定,会返回undefined
- 打印函数的调用会返回:undefined 与上一种情况类似
function test(){
console.log(1);
}
console.log(test());//1 undefined
//例2:
function test(){};
console.log(test());
//这里test()相当于1,先打印1,然后console.log()在接受函数时,默认会打印返回值,如果没有设定返回值,会返回undefined。
console.log()在打印函数时,除了打印内容外,还会将函数的返回值打印,如果没有设定返回值,会返回undefined
更多undefined情况点击查看
- 全局变量与局部变量 点击查看全局变量与局部变量详细介绍
函数的应用 ---- 函数本质上是一种对象,可以将其当成普通对象来使用
- 函数作为参数
function handle(fun){
var msg = "hello";
fun(msg);
}
handle(function(m){
console.log(m);
});//hello
- 函数作为返回值
function handle2(){
return function(){
console.log(123);
}
}
handle2()();//123
console.log(handle2());//[Function]