欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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