首页 > 分享 > JavaScript中=> 箭头函数的用法

JavaScript中=> 箭头函数的用法

最新推荐文章于 2024-09-24 21:28:10 发布

JohnnyLiao_WJ 于 2016-09-11 12:09:26 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

=> 的作用:
1:将this与当前词法作用域绑定;
2:简化代码; 本来需要 self = this;现在只需要()=>{…} 就可以了;

**p => p.name的含义**:引用codewars的用户 AcesOfGlory的解释如下: 1

It's called an arrow function and it's part of the new ES6 JavaScript update. It maps the array and looks at every object item in it; for each of the objects (named p), it will return the name (the first item) instead of the whole object. p => p.name is the same as names.map(function(){return p.name}) p = {name: 'Bart'} p.name = 'Bart'12345678

即它会遍历数组中的每一个字符,并会返回名为p的对象的name属性,而不是返回它的整个对象;
代码如下:

var obj = { id: id, cool:function Fn(){ setTimeout(()=>{ console.log(this.id},100);} } } obj.cool()12345678

如果没有绑定,就需要这样做:

var obj = { id: id, cool:function Fn(){ var self = this; setTimeout(timer(){ console.log(self.id},100);} } } obj.cool()12345678910

相关知识

js(=>) 箭头函数 详细解说 案例大全
ES6箭头函数总结
javascript:void(0);用法及常见问题解析
ES5~6~7学习笔记 ()=>函数的使用
JavaScript 中的对象类型
前端开发综合指南:HTML、CSS和JavaScript详解
《JavaScript
在JavaScript中设置具有两个以上条件的变量
JavaScript DOM编程艺术
javascript dom 编程艺术pdf javascript dom编程艺术pdf下载网盘

网址: JavaScript中=> 箭头函数的用法 https://m.huajiangbk.com/newsview1179297.html

所属分类:花卉
上一篇: 1.JSON是什么?
下一篇: Python 入门之函数结构