码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-06-22 21:16:33      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:cti   ror   uncaught   --   class   turn   fun   default   构造   

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

 

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

标签:cti   ror   uncaught   --   class   turn   fun   default   构造   

原文地址:https://www.cnblogs.com/Ananiah/p/11070323.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!