JS ES6中setTimeout函数的执行上下文示例
更新时间：2017年04月27日 11:11:45 作者：小小小小小亮
这篇文章主要给大家介绍了关于JS ES6中setTimeout函数的执行上下文的相关资料，文中给出了详细的介绍和示例代码供大家参考学习，需要的朋友们下面来一起看看吧。
本文介绍的是setTimeout函数，延迟执行函数里的执行上下文，分享给大家供大家参考学习，来看看详细的内容：
（1）ES5中，setTimeout里面的函数的执行上下文为全局上下文，举例来说：
function log(){
setTimeout(function(){console.log(this.id)},100)
}
var id=42
log.call({id:21})
//输出的结果为42
我们可以看到setTimeout，被延迟执行的函数，里面的this，指向的是全局作用域，也就是这个函数的上下文为全局上下文。
（2）在ES6的箭头函数中，setTimeout里面，如果执行了一个箭头函数，那么这个函数的执行上下文为定义这个箭头函数所在的函数。
function log(){
setTimeout(()=>{
console.log(this.id)
},100)
}
var id=42;
log.call({id:21})
//这次输出的是21
总结：
因为ES6中，箭头函数的this，规定的指向定义这个箭头函数所在的那个函数。于是这里箭头函数里面的this,就固定bind了{id:21}。
好了，以上就是这篇文章的全部内容了，希望本文的内容对大家学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
相关文章
截取字符串的使用比较广泛，有很多中方法，本文粗略的整理了一些，感兴趣的额朋友可以才参考下2013-10-10
这篇文章主要介绍了Fundebug支持监控微信小程序HTTP请求错误的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
js是弱类型语言，或者说是动态语言，在定义变量时我们可以不提前声明变量的类型，也可以在变量声明后赋予不同类型的值。所以本文为大家详解一下JavaScript如何准确获取任意变量的数据类型，需要的可以参考一下2022-06-06
在学习js过程中,经常会遇到同样一个功能点 这样实现也可以,那样实现也可以。但是哪个方式最优呢2020-08-08
本篇文章主要是对JS过滤url参数特殊字符的实现方法进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要介绍了js下划线和驼峰互相转换的实现,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2023-11-11
这篇文章主要为大家详细介绍了PHP实现本地图片上传和验证功能的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
下面小编就为大家带来一篇Kindeditor单独调用多图上传实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了taro开发微信小程序的实践，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
javaScript 有三个经常会使用到的原始类型：stirng，number,boolean。每一个在Typescript都有一个相对应的类型。本文就来聊聊TypeScript中这些常用类型的使用，感兴趣的可以了解一下2022-09-09
最新评论