JavaScript（二）函数

JavaScript函数

JavaScript使用function关键字定义函数，函数可以通过声明定义，也可以是一个表达式。

函数声明

//函数声明
function funName(paramters){
    //代码
}
//定义函数并调用
function fun1(a,b){
    consone.log('a = ' + a + ',b = ' + b);
}
//调用
fun1();

函数表达式

通过表达式定义函数。函数可以存储在变量中。

//定义匿名函数
var fun = function(a,b){return a * b;}
var fun1 = (a,b) => return a * b;
//通过变量名调用函数
var f = fun(1,2);
var f1 = fun1(2,3);

Function()构造函数

函数可以通过内置的JavaScript函数构造器Function()定义

var fun = new Funtion('a','b','return a * b');
var x = fun(1,2);

函数提升

JavaScript默认将函数作用域提升到前面去。所以可以在函数声明前调用函数。

//先调用函数
fun(1);
//后声明
function fun(a){
    console.log(a);
}

自调用函数

函数表达式可以自调用，如果表达式后跟()，会自动调用，不能自调用声明的函数，通过添加括号来说明它是一个函数表达式。

//自调用函数
(function(){
    console.log('自调用函数被执行====');
})();

函数是对象

使用typeof操作符判断函数类型将返回function，JavaScript函数有属性和方法。

var x = function(a,b){
    console.log('函数的参数个数：' + arguments.length);
}
console.log(typeof x);

箭头函数

ES6新增了箭头函数，箭头函数比普通函数表达式更简洁。
箭头函数定义：(参数1，参数2,...) => {//代码}

var fun = (a,b) => {
    console.log(a);
    console.log(b);
}
var fun1 = ()=> {
    console.log('无参箭头函数');
}
//省略大于号
var fun2 = (a,b) => console.log('a = ' + a + ',b = ' + b);

函数参数

JavaScript对函数的值没有检，如果没有传值会为undefined。JavaScript函数参数分为显示参数和隐式参数。显示参数就是函数定义时列出的值，隐式参数在函数调用时传入真正的值。
函数调用时设置了过多的参数，参数无法找到对应的参数名，可以使用arguments对象来调用。

function fun(a,b){
    console.log(a);
    console.log(b);
    for(var i = 0;i < arguments.length; i++){
        console.log('arguments = ' + arguments[i]);
    }
}
fun(1,2,3,4,5);

函数自带参数

ES6支持函数带有默认参数

//默认参数
function fun(x = 10){
    //不传值默认为10
    console.log('参数x = ' + x);
}

JavaScript闭包

var fun = (function(){
    var count = 0;
    return function(){
        return count += 1;
    }
})();
console.log(fun()); // 1
console.log(fun()); // 2
console.log(fun()); // 3

函数自我调用定义了变量count，返回一个函数，通过fun接收，调用fun函数可以使用最开始函数自调用定义的变量，这就是JavaScript闭包。它使函数拥有私有变量变成可能。变量count受匿名函数作用域包含，只能通过fun方法修改，相当于fun的私有变量。