es6和es5函数参数和arguments的差别

注: 这里说的 es5 代表的都是非严格模式下。

 

es6之前函数的参数不能传默认值:

function fn(a, b){
    console.log(a)
    console.log(b)
}
fn(2)
// 2
// undefined

如果调用函数的时候传不传入对应的参数,则参数的值为 undefined。

 

 

es6中查参数可以设置默认值,且默认值可以是任何类型(变量,数字、函数等)。

 

默认值为数字、字符串等非函数和变量:

function fn(a, b=3){
    console.log(a)
    console.log(b)
}

fn(2)
// 2
// 3

 

默认值为变量:

let d = 5;
function fn(a, b=a, c=d){
    console.log(a)
    cosnole.log(b)
    cosnole.log(c)
}
fn(2)
// 2
// 2
// 5

注意:默认值是变量且变量也是当前函数的参数的话,不能将后面的变量赋值给前面的参数当默认值,如上面代码,能将参数 a 赋值给 b ,但是不能将 b 赋值给 a 。

 

 

默认值为函数:

function testfn(){
    return 'test'
}
function fn(a, b=testfn()){
    console.log(a)
    console.log(b)
}
fn(2)
// 2
// test

注意,默认值如果是函数的话,只有在调用 fn 函数,且未传值的时候,才会调用。

 

 

es6和es5函数 arguments 的差别:

arguments 是函数传入的实参,在es6中,如果函数有设置默认值,那么修改参数变量的值,不会影响 arguments 里面值,如:

function fn(a, b=5){
    a = 3;
    console.log(a)
    console.log(arguments[0])
}
fn(2)
// 3
// 2

这里,我在函数内部将参数 a 的值改成了 3,但是arguments[0] 的值还是传入的2。

 

如果定义函数的时候,没有设置默认值,那么修改参数的值会导致 arguments 里面的值同步被修改,如:

function fn(a, b){
    a = 3;
    console.log(a)
    console.log(arguments[0])
}
fn(2)
// 3
// 3

 

posted @ 2019-09-27 10:24  破男孩  阅读(569)  评论(0编辑  收藏