Es6

简介: 再来看一个更常见的例子,了解下如果不用ES6,而用闭包如何解决这个问题。 var clickBoxs = document.querySelectorAll('.clickBox') for (var i = 0; i < clickBoxs.length; i++){ clickBoxs[i].onclick = function(){ console.log(i) } } 我们本来希望的是点击不同的clickBox,显示不同的i,但事实是无论我们点击哪个clickBox,输出的都是5。

再来看一个更常见的例子,了解下如果不用ES6,而用闭包如何解决这个问题。

var clickBoxs = document.querySelectorAll('.clickBox')
for (var i = 0; i < clickBoxs.length; i++){

clickBoxs[i].onclick = function(){
    console.log(i)
}

}
我们本来希望的是点击不同的clickBox,显示不同的i,但事实是无论我们点击哪个clickBox,输出的都是5。下面我们来看下,如何用闭包搞定它。

function iteratorFactory(i){

var onclick = function(e){
    console.log(i)
}
return onclick;

}
var clickBoxs = document.querySelectorAll('.clickBox')
for (var i = 0; i < clickBoxs.length; i++){

clickBoxs[i].onclick = iteratorFactory(i)

}
数组去重 es6 数组去重 (更加简单)
const o = Array.from(new Set(x));
异步加载 async await 程序按顺序执行

学习ES6的基本语法网址
ttps://segmentfault.com/a/1190000004365693u

相关文章
|
4天前
|
存储 JavaScript 前端开发
ES6
ES6
19 1
|
7月前
es_详解
es_详解
27 0
|
8月前
|
前端开发 索引
ES7,ES8
ES7,ES8
36 0
|
9月前
|
JSON 资源调度 JavaScript
ES6 Day01
ES6 Day01
47 0
|
9月前
ES6 Day02
ES6 Day02
38 0
|
9月前
|
前端开发 容器
ES6 Day04
ES6 Day04
57 0
|
9月前
|
前端开发 Java 网络架构
ES6(总结)
ES6(总结)
51 0
|
10月前
初学es6
初学es6
55 0
|
JavaScript 前端开发 Java
浅析-ES6
后端项目搭建完毕,接下来就是前端页面了。不过在这之前需要一些准备工作。我们需要学习ES6的语法标准。
浅析-ES6
|
JSON JavaScript 前端开发
ES5和ES6的介绍
《前端基础》
320 0