开发者社区> 雨沫晨xyty> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
ES6新特性
ES6新特性
2 0
前端培训-中级阶段(29)- ES6语法(2019-12-12期)
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(每周四)。
35 0
ES6新特性
ES6新特性
39 0
ES6之Proxy 的巧用
摘要: Proxy的骚操作。 作者:前端小智 原文:Proxy 的巧用 Fundebug经授权转载,版权归原作者所有。 Proxy 介绍 使用Proxy,你可以将一只猫伪装成一只老虎。下面大约有6个例子,我希望它们能让你相信,Proxy 提供了强大的 Javascript 元编程。
1068 0
轻松使用ESP8266
自己做了一个轻松配置8266的板子,配合上位机很方便的就配置好8266的各种模式,上电自动运行上次配置的模式 而且多加了四路模拟量采集,5路IO口输出,,其中前两路为断电保持型 开始展现ESP8266的强大吧!!!!! 后来想了想这块板子就做为esp8266的开发板,,自己就用这块板子一步一步的从A...
5021 0
11
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载