ES6 => 函数的使用

作者: ZWalter | 来源:发表于2016-12-21 16:16 被阅读0次

ES6箭头函数简介
es6全家桶（二）—— 箭头函数
ES6箭头函数和解构赋值
ECMAScript 6 箭头函数
ES6入门=>箭头函数
箭头函数
this apply call bind
JavaScript箭头函数
箭头函数（常用）
关于ES6箭头this的指向问题

在使用d3时，在g标签下面同时构造两个相同的line时，发现使用=> 函数报错。

slider.append("line")
.attr("x1",sliderScale.range([0]).attr("x2",sliderScale.range()[1])
.select(function() { return this.parentNode.appendChild(this.cloneNode(true)); })
// select( () => this.parentNode.appendChild(this.cloneNode(true)) ) 报错
// console.log 上面的 this 出来的是 
// Window {external: Object, chrome: Object, document: document, d3: Object, speechSynthesis: SpeechSynthesis…}

特别注意使用 => 函数时this指针的运用。
参考下面的文档：
=> 的使用 http://blog.csdn.net/itpinpai/article/details/52182093
=> 中this指针的测试 https://imququ.com/post/arrow-function-in-es6.html

ES6箭头函数简介
@(JS技巧)[ES6|箭头函数] ES6箭头函数（Arrow Functions） ES6可以使用“箭头”（=>...
es6全家桶（二）—— 箭头函数
es6全家桶（二）—— rest参数、箭头函数箭头函数 ES6 允许使用“箭头”（=>）定义函数。 var f ...
ES6箭头函数和解构赋值
在es6之前，我们函数都是表达式这种方式书写的，但是在ES6中，我们函数可以使用箭头函数表示例如使用箭头函数...
ECMAScript 6 箭头函数
箭头函数 ES6 允许使用“箭头”（=>）定义函数。使用注意点箭头函数有几个使用注意点。（1）函数体内的th...
ES6入门=>箭头函数
ES6允许使用“箭头”（=>）定义函数。使用注意点箭头函数有几个使用注意点。（1）函数体内的this对象，就是...
箭头函数
ES6允许使用“箭头”（==>）定义函数。箭头函数等同于
this apply call bind
怎么改变 this 的指向 1、使用 ES6 的箭头函数 2、在函数内部使用_this = this 3、使用ap...
JavaScript箭头函数
ES6新语法箭头函数箭头函数是ES6新语法，因为语法简单、可读性好，所以使用的也很多。箭头函数也是匿名函数，区别...
箭头函数（常用）
ES6 允许使用箭头（=>）定义函数箭头函数对于使用function关键字创建的函数有以下区别1.箭头函数没有a...
关于ES6箭头this的指向问题
ES6 允许使用 “ 箭头 ” （=>）定义函数。箭头函数填坑。 this的指向是向上查找非箭头函数的...