ES6声明变量和箭头函数

最新推荐文章于 2023-02-24 21:46:11 发布

编号90015478

最新推荐文章于 2023-02-24 21:46:11 发布

阅读量1.1k

点赞数

分类专栏： javascript 文章标签： ES6 javascript

本文链接：https://blog.csdn.net/qq_20353887/article/details/53113944

版权

javascript 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>

//用var声明的变量外层的i始终都会被函数内部引用，不会被当作垃圾回收，最后都指向同一个i
var arr1 = [];
for (var i = 0; i < 10; i ++){
arr1[i] = function (){
return i
}
}
console.log(arr1[5]());
//以往为避免这个问题通常会用以下的方式解决
var arr2 = [];
for (var i = 0; i < 10; i ++){
arr2[i] = (function (i){
return function (){
return i
}
})(i)
}
console.log(arr2[5]());
//es6 for循环，let声明的变量拥有块级作用域，外面访问不到
var arr = [];
for (let i = 0; i < 10; i ++){
arr[i] = function (){
return i
}
}
console.log(arr[5]());
//es6之前的function有一个特点：函数内部的上下文并不是由该函数写在那里决定的，而是由谁调用决定的，谁调用函数内部的this就指向谁。
//只能通过先保存this，或者call/apply，或者bind来调整上下文。箭头函数的出现解决了这个宁人苦恼的问题，因为箭头函数内的上线文(this)//是由函数写在哪决定的，无论被哪个对象调用，上下文都不会改变
var obj = {
test1 : function (){
window.setTimeout(function (){
console.info(this)
}, 100)
},
test2 : function (){
window.setTimeout(() => {
console.info(this)
}, 100)
}
}

obj.test1() // => Window
obj.test2() // => obj
</script>
</body>
</html>

编号90015478

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
ES6声明变量和箭头函数

Document//用var声明的变量外层的i始终都会被函数内部引用，不会被当作垃圾回收，最后都指向同一个ivar arr1 = [];for (var i = 0; i arr1[i] = function (){ return i }}console.log(arr1[5]());//以往为避免这个问题通常会用以下的
复制链接

扫一扫