【前端学习】ES6语法 函数写法优化

函数默认值设置

非ES6语法

// 参数b 可为空的情况下给默认值1
function func1(a,b){
    if(!b){
        b=1;
    }
    return a+b;
}
//或者
function func1(a,b){
    b=b||1;
    return a+b;
}

ES6语法

可在方法入口参数定义上加 = 默认值，如果参数为空，则等于默认值。

function func1(a,b=1){
    return a+b;
}

lambda表达式(箭头函数)

非ES6 lambda语法

//返回运算结果
function func1(a,b){
    if(!b){
        b=1;
    }
    return a+b;
}
//执行方法
function func2(a,b){
    if(!b){
        b=1;
    }
    console.log(a+b);
}

ES6 lambda语法

//返回运算结果
let func1=(a,b=1)=>{return a+b;};
//执行方法
let func2=(a,b=1)=>console.log(a+b);

ES6 lambda语法+解构表达式

//定义 user 对象
let user={
        name:"艾伦·耶格尔",
        age:16
    };

//不使用 lambda+解构表达式 输出name,age信息
function print(user){
    return user.name+","+user.age;
}
console.log(print(user));
//艾伦·耶格尔,16


//使用 lambda 输出name,age信息
let print=(user)=>{ return user.name+","+user.age;};
console.log(print(user));
//艾伦·耶格尔,16


//使用 lambda+解构表达式 输出name,age信息
let print=({name,age})=>{ return name+","+age;};
console.log(print(user));
//艾伦·耶格尔,16

对象函数

非ES6语法

let obj={
        para1:"1",
        para2:"2",
        toString:function(){
            return this.para1+this.para2;
        }
    };
console.log(obj.toString());
//12

ES6语法

不再必须  对象方法名 : function(){}的格式进行定义对象方法，直接 对象方法名(){}进行定义即可。

let obj={
        para1:"1",
        para2:"2",
        toString(){
            return this,para1+this.para2;
        }
    };
console.log(obj.toString());
//12