ES6的常用语法 -- 变量的定义 -- var -- let -- const -- 模板字符串 -- `` -- ${} -- 箭头函数 -- 注意this跟普通函数的区别 -- 类 -- class -- extends -- constructor -- 子类没有this 需要用super( ...
分类：
其他好文 时间：
2018-11-13 22:11:31
阅读次数：
206
this指的当前对象，如果在全局访问内使用this，则指向当前页面的window； 如果在函数中使用this，则this是指代什么是根据当前函数在什么对象上调用。 函数中的this是运行时决定的，而不是函数定义时。 全局函数call和apply可以改变this的指向： call和apply的唯一区别 ...
分类：
其他好文 时间：
2018-11-13 11:09:51
阅读次数：
149
适用在ECMscript 6里面 let和const 与之前的ES5.1相比，let真正意义的实现了块作用域的定义，并且不再支持重复赋值操作，会报错 const则用在对常量进行申明，一旦定义，值将不可改变 模板字符串操作： 可以通过反引号去拼接字符串，${}作为占位符使用 箭头函数： 以上两种实现的 ...
分类：
其他好文 时间：
2018-11-12 13:24:20
阅读次数：
188
Arrow function restore 为什么叫Arrow Function？因为它的定义用的就是一个箭头： x => x * x 上面的箭头函数相当于： function (x) { return x * x; } 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的 ...
分类：
其他好文 时间：
2018-11-11 21:03:28
阅读次数：
133
d3中典型的数据绑定片段 对g元素如果需要进一步绑定数据进行操作，则调用each 传入匿名函数。 里面使用d3.select(this) ，这个d3 选择集，指向each对应的dom元素。 在这里，要注意this的问题。如果使用es6的箭头函数() =>{} ，会报错，必须使用传统的funcion( ...
分类：
其他好文 时间：
2018-11-10 12:56:47
阅读次数：
728
1.箭头函数没有 this，所以需要通过查找作用域链来确定 this 的值。箭头函数没有this，不能使用call(), apply(), bind()改变this; 2.没有arguments，访问外围函数的arguments function constant () { return () => ...
分类：
其他好文 时间：
2018-11-09 19:20:03
阅读次数：
79
对于实现页面逻辑交互等效果，我们必须弄懂vue的生命周期，知道我们写的东西应该挂载到哪里。vue官方api给了简单的逻辑，如下: 所有的生命周期钩子自动绑定this上，因此你可以访问数据，属性和方法进行运算，所以要特别注意的是不能使用箭头函数来定义一个生命周期方法(例如created: () => ...
分类：
其他好文 时间：
2018-11-09 17:13:32
阅读次数：
221
Arrow function restore 为什么叫Arrow Function？因为它的定义用的就是一个箭头： x => x * x 上面的箭头函数相当于： function (x) { return x * x; } 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的 ...
分类：
其他好文 时间：
2018-11-09 00:49:05
阅读次数：
172
先看一段代码： var name = "window";var obj = { name: 'obj', //普通函数 one: function(){ console.log(this.name) }, //箭头函数 two: ()=> { console.log(this.name) }, // ...
分类：
其他好文 时间：
2018-11-04 15:40:27
阅读次数：
161
箭头函数： 普通函数： 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return。 箭头函数是匿名函数，不能作为构造函数，不能使用new 箭头函数不绑定arg ...
分类：
其他好文 时间：
2018-11-03 17:36:12
阅读次数：
177
