ES6 -箭头函数 ,对象的函数解构
程序员文章站
2022-08-02 11:30:45
ES6 -箭头函数,javascript箭头函数 对象的函数解构 ......
es6 -箭头函数:
//es6 中的箭头函数和扩展 //es5的写法 // function add(a,b){ // return a + b; // } // add(1,2); //3 function add1(a,b=1){ if(a==0){ throw new error('a is zero'); } return a+b; } //console.log(add1(0)) //uncaught error: a is zero 主动抛出异常 //严谨模式 function add(a,b){ 'use strict' return a + b; } console.log(add(1)) //nan console.log(add(1,2)) //3 // 获取参数个数 console.log(add.length) //2 function add2(a,b=1){ return a + b; } console.log(add2.length) //1 获取的参数是必须传递参数的个数 当给a复制后 输出 0 //箭头函数 //箭头函数中不允许使用new的 箭头函数中不能写构造函数 // 方法体只有一行的时候 不用加上花括号 var add3 = (a,b=1) => a+b; console.log(add3(2)) //3 // 方法体有多行的时候 需要加上花括号 var add4 = (a,b) => { console.log( "---"); return a + b; } console.log(add4(1,2)) //3
对象的函数解构
//对象的函数解构 let json = { 'a': 'ananiah', 'b': '杰森' } console.log(json.a) // 输出 ananiah function fun({a,b = 'default'}){ console.log(a,b) //输出 ananiah 杰森 } fun(json);