箭头函数知识点很少,但是要理解清楚,不然看代码会很不适应的。 1. 最简单的写法 可以理解为 我的x要被转化为x*x,所以实际相当于下边的这个 2. 箭头函数加块语法 3. 当然如果是多个语句,就得用块了,不然就散开了,所以用一个花括号包着 4. 没有参数或者多个参数需要用()吧参数括起来 5. 返 ...
分类:
其他好文 时间:
2017-11-21 20:50:43
阅读次数:
110
特性: 1. 单个参数时可省略(),箭头函数函数体只有单条语句返回时,可省略{}和return 2. 参数为对象时,可省略对象名 3. 在传统的js中,方法可以作为一个函数存储为对象的一个属性。当调用方法时,this 指向该方法的从属对象。 但是当用箭头函数时, calculate.sum() 方法 ...
分类:
其他好文 时间:
2017-11-17 18:23:08
阅读次数:
114
1,箭头函数() => {}箭头函数的 this 始终指向函数定义时的 this,而非执行时。在请求回调函数或seTimeout里用得比较多。2,let命令所声明的变量,只在let命令所在的代码块内有效。for循环的计数器,就很合适使用let命令eg: var a = []; for (var i ...
分类:
其他好文 时间:
2017-11-16 20:55:00
阅读次数:
125
1、命令式编程,只需要迭代数组,检查当前最小值是否大于数组元素,如果是更新最小值即可。 2、函数式编程,可用Math.min函数,传入比较的数组元素,使用es6的解构操作符(...),把数组转换成单个的元素。 使用箭头函数 ...
分类:
编程语言 时间:
2017-11-16 14:14:46
阅读次数:
251
Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。 这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。下面是一个例子。 上面的原始代码用了箭头函数,这个特性还没有得到广泛支持,Babel将其转为普通函数,就能在现有的JavaScript环境执 ...
分类:
其他好文 时间:
2017-11-14 14:11:32
阅读次数:
164
var f = v => v; // 等同于 var f = function(v) { return v; } var f = () => 5; // 等同于 var f = function() { return 5; } var sum = (num1, num2) => num1 + num... ...
分类:
其他好文 时间:
2017-11-13 11:35:50
阅读次数:
140
现在的主流浏览器还没有完全兼容ES6的语法,如ie11就不支持箭头函数。 使用过es6的人都知道,es6更加简洁和强大,可是使用es6写出来的代码并不能得到所有主流js引擎的支持,针对这一点,一个解决方案就是使用babel这个工具。 babel是一个js处理器,可以对js代码进行转换,可以转换jsx ...
分类:
其他好文 时间:
2017-11-07 14:23:51
阅读次数:
121
在es6写法中,绑定事件的事件的回调是全局,顾返回的为undefined 解决办法: 1.使用es6箭头函数,箭头函数this默认指向上一层级的环境 如 <input onChange={()=>this.change()} /> 2.使用bind绑定this ,写在constructor里 如 t ...
分类:
其他好文 时间:
2017-11-05 13:06:03
阅读次数:
125
主要包括let const,模板字符串,解构赋值,箭头函数,扩展运算符,Promise,类,import export等 一、let和const 1.let所声明的变量只在let所在的代码块内有效。let相当于es5用一个函数把变量包裹了。 const声明一个只读的常量。一旦声明,常量的值就不能改变 ...
分类:
其他好文 时间:
2017-10-28 23:15:45
阅读次数:
216
一些浅见。 一、非对象函数定义中的this 无关严格模式还是非严格模式,也无关箭头函数写法还是普通写法,打印的都是 window对象。 二、对象扩展中的this ES6 允许直接写入变量和函数,作为对象的属性和方法。也可以简写。obj3中write方法就是简写的。obj1和obj3是一样的。打印Ob ...
分类:
其他好文 时间:
2017-10-27 23:53:09
阅读次数:
157