图ecmaｓｃｒｉｐｔ6轮播实践知识总结

模板字符串

这是一个我非常喜欢的ES6特性。它非常直观地反映了变量和字符串之间的关系。在ES5，如果需要添加变量的字符串，我们需要写下面的话。
动画（箱、'translate（+ itemwidth num + 'px，0，1000），函数（）{
box.style.transitionduration =；
box.style.transform = 'translate（- 800px，0）；
标志=真；
}）；
现在，随着6模板字符串，你可以直接将字符串和变量是更易于理解。
动画（箱、`翻译（$ { itemwidth num } PX，0），1000、函数（）{（））
box.style.transitionduration =；
box.style.transform = `翻译（$ { itemwidth *（项目。长度为2）} PX，0）；
标志=真；
}）；
这是非常直观和方便吗从以上两个简单的例子，我们可以看到，在6，字符串需要被确定使用反引号。
有一个特征模板字符串可以输出字符串的折叠线，这在传统的ES5的字符串是不可用的，必须使用（），而不能写进文字，但在字符串ES6模板，可以直接写进空间，然后直接输出在输出的字符串，非常方便。
让mystring = ` ABC
扩散系数
FFFF
Fas `；
console.log（mystring）；
输出
扩散系数
FFFF
FAS *
扩展功能

1。设置函数的默认值

在功能的扩展，加入功能设置默认值的功能，这可以说是非常好的。你还记得我们如何设置默认值在ES5的功能
函数测试（a，b，c）{
一| | var a = 10；
var a = b | | 15；
VaR C = C | | 20；
console.log（A + B + C）；
}
在这里，我们设置默认值来达到我们想要的效果，直到我们把a = 0引入到一天，当我们错误地写它的时候。的程序，0是假的，所以将默认值10，这样我们就不能达到我们预期的结果，但6为我们提供了一个很好的方式来设置默认值，上面的代码可以改写成如下：
函数测试（a＝10，b＝15，C＝20）{
console.log（A + B + C）；
}
2。箭头功能

学生知道coffeｓｃｒｉｐｔ应该清楚地知道，cofficeｓｃｒｉｐｔ强度是其无处不在的箭头功能很酷。现在，6介绍了箭头功能正式，这样我们的程序可以简化，例如：
/ / ES5的写作
var测试=函数（a，b）{
返回A+；
}
/ / 6箭头功能
VaR test2 =试验（A，B）= > A + B；
在写作的时候需要移动鼠标来旋转木马，点下面的点阵列对象在班里是第几，为了让人物移动到正确的位置，在ES5的时候，我们需要添加当前对象的属性，写作是复杂的，写成如下：
无功lilist = document.queryselectorall（李的）；
对于（var i = 0；i < lilist.length；i++）{
我lilist { }。指数=我；
我lilist { }。addEventListener（'mouseenter，函数（）{（）{
console.log（这个指数）；
}，假）；
}
这this.index属性索引的元素放在当前鼠标然后基于指数得到当前元素。但在6，我们可以直接使用箭头功能和新推出的findIndex数组中找到当前活跃的元素的索引。代码如下：
让lilist = document.queryselectorall（李的）；
让arraylilist = array.form（lilist）；
对于（var i = 0；i < lilist.length；i++）{
我lilist { }。指数=我；
我lilist { }。addEventListener（'mouseenter，函数（）{（）{
让arraylilist.findindex（指标=（n）= > n = =这）；
}，假）；
}
上面的代码是当前指标，鼠标放上去的指数，在这里我理解这个参数的箭头功能是N，传入的参数将在数组中查找对象等效遍历对象，并返回它的索引（阵列。从），它用在这里是一个新的6系列方法，可以转换成一个数组的数组。

6的周期为…

JS代码上面使用，而事实上，你可以用6…的循环所取代，所以它更简洁。你还记得在js…在循环，可循环键键值对，但不能流通的价值，并为…的出现对仅仅是为了弥补其不足，为…的环可用于包括数组、结构、设置和地图对象数组一样，如争论的对象，DOM NodeList对象，生成的对象，和字符串。所以我们可以利用这个循环来代替循环，但这里有一点注意如果你使用直接…的循环将报告错误chrome49。官方已经确认这是chrome49 bug修复，这将chrome51。所以当我写作时，我用Array.from（）转换为数组列表对象，可放心操作。代码如下：
让lilist = document.queryselectorall（李的）；
让arraylilist = array.form（lilist）；
为了（让李lilist）{
Li.addEventListener（'mouseenter，函数（）{（）{
让arraylilist.findindex（指标=（n）= > n = =这）；
}，假）；
}
总结

以上就是本文的全部内容。它很简洁吗我觉得6魅力只是只是感觉这篇文章。我希望这可以帮助你了解ES6。