this指向的固定化,并不是因为箭头函数内部有绑定this的机制,实际原因是箭头函数根本没有自己的this,导致内部的this就是外层代码块的this。正是因为它没有this,所以也就不能用作构造函数。 箭头函数转成ES5的代码如下。 function foo() { setTimeout(() = ...
分类:
其他好文 时间:
2018-06-22 17:53:30
阅读次数:
175
链接:https://javascriptplayground.com/real-life-es6-arrow-fn/ var users = [ { name: 'Jack', age: 21 }, { name: 'Ben', age: 23 }, { name: 'Adam', age: 22... ...
分类:
其他好文 时间:
2018-06-15 23:25:44
阅读次数:
198
箭头函数的作用域指向定义变量时,所在的作用域。 箭头函数指向Timer 箭头函数指向handler this指向的固定化,并不是因为箭头函数内部有绑定this的机制,实际原因是箭头函数根本没有自己的this,导致内部的this就是外层代码块的this。正是因为它没有this,所以也就不能用作构造函数 ...
分类:
其他好文 时间:
2018-06-06 22:21:05
阅读次数:
139
1. 字符串模板 2. 箭头函数 3. 变量 let 与 var ,let定义在 for{ let name = "jay"; } 外面取不到,var 可以取得 const 不可变 4. 展开 function hello( name1, name2){ console.log(name1, nam ...
分类:
其他好文 时间:
2018-05-27 10:47:56
阅读次数:
238
ES6转ES5: http://google.github.io/traceur-compiler/demo/repl.html#request(_action)%0Alet%20withStatus%20%3D%20status%20%3D%3E%20action%20%3D%3E%20R.mer ...
分类:
其他好文 时间:
2018-05-25 13:51:11
阅读次数:
124
1. 箭头函数(=>) ES6中引入了箭头函数来代替 function,即在定义方法的时候不用写 function ,=> 的左边为函数名和参数,右边为执行操作和返回值。 箭头函数写法简洁,同时解决了JS中 this 作用域的问题。 因为箭头函数内部没有定义 this 对象,所以函数内部的 this ...
分类:
其他好文 时间:
2018-05-23 12:31:17
阅读次数:
159
安装 在项目main.js中全局引用 接下来就可以在项目中通过this.$http使用啦,then函数表示响应成功,catch表示失败 如果then和catch中的回调函数不是箭头函数,可以通过.bind(this)解决函数内部访问this实例的问题 ...
分类:
移动开发 时间:
2018-05-22 17:17:42
阅读次数:
277
ES6允许使用“箭头”(=>)定义函数 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。 使用箭头函数注意点: 箭头函数有几个使用注意点。 (1)函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。 单体模式: (2)不可以使用arguments对象,该对象在函 ...
分类:
Web程序 时间:
2018-05-22 12:48:55
阅读次数:
309
首先复习下普通函数里的this指向: 你会秒杀的毫无疑问的回答:window,针对普通函数:谁调用了函数 函数里的this就指向谁,test()等价于window.test(),所以是window 这个是普通函数,谁调用了函数 函数里的this就指向谁,o.getname(),调用这个getname ...
分类:
其他好文 时间:
2018-05-19 21:57:59
阅读次数:
185
Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。 这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。下面是一个例子。 上面的原始代码用了箭头函数,这个特性还没有得到广泛支持,Babel将其转为普通函数,就能在现有的JavaScript环境执 ...
分类:
其他好文 时间:
2018-05-18 21:23:05
阅读次数:
159