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

es6 箭头函数

时间:2019-02-22 18:35:28      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:style   com   fun   nbsp   code   key   解释   div   return   

1.箭头函数

var f = v => v;

// 等同于
var f = function (v) {
  return v;
};

1.如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。


var f = () => 5;
// 等同于
var f = function () { return 5 };

var sum = (num1, num2) => num1 + num2;
// 等同于
var sum = function(num1, num2) {
  return num1 + num2;
};

2.由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外面加上括号,否则会报错。


// 报错
let getTempItem = id => { id: id, name: "Temp" };

// 不报错
let getTempItem = id => ({ id: id, name: "Temp" });

3.下面是一种特殊情况,虽然可以运行,但会得到错误的结果。


let foo = () => { a: 1 };
foo() // undefined
 

 

es6 箭头函数

标签:style   com   fun   nbsp   code   key   解释   div   return   

原文地址:https://www.cnblogs.com/ygyy/p/10419832.html

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