当前位置： 移动技术网 > IT编程>开发语言>JavaScript > ES6 -箭头函数 ，对象的函数解构

ES6 -箭头函数 ，对象的函数解构

2019年06月23日  | 移动技术网IT编程  | 我要评论

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);

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网