ES5中的闭包
<script>
var btns = document.getElementsByTagName("button");
for (var i = 0; i < btns.length; i++) {
(function (i) {
btns[i].addEventListener('click', function () {
console.log('第' + i + '个按钮被点击');
})
})(i)
}
</script>
ES6中的写法
<script>
const btns = document.getElementsByTagName("button");
for (let i = 0; i < btns.length; i++) {
btns[i].addEventListener('click', function (){
console.log('第' + i + '个按钮被点击');
})
}
</script>
对象增强写法
ES5:
<script>
let name = 'tolerate';
let age = 25;
let height = 1.78;
const person = {
name : name,
age : age,
height : height,
run : function() {
console.log('在跑');
}
}
console.log(person);
person.run();
</script>
ES6:
<script>
let lname = 'tolerate';
let lage = 25;
let lheight = 1.78
const lperson = {
lname,
lage,
lheight,
eat() {
console.log('在吃');
}
}
console.log(lperson);
lperson.eat();
</script>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
