读阮一峰的this原理（javaScript）

最新推荐文章于 2024-08-08 10:16:00 发布

Code_Dreaming

最新推荐文章于 2024-08-08 10:16:00 发布

阅读量465

点赞数 2

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45704555/article/details/118677690

版权

本文探讨JavaScript中的this如何根据函数运行环境确定，分析内存数据结构对this的影响，讲解对象创建、函数执行与环境变量的关系，阐述this在JavaScript中的独特角色，帮助理解其在不同场景下的行为。

摘要由CSDN通过智能技术生成

一、问题的由来

为什么同一个函数运行时，结果不一样？
obj.foo()在obj环境执行，
foo()在全局环境中执行，
解释原理，理解this的作用

var f = function() {
   
    // 上下文环境如何， this如何
    console.log(this.x);
}

//小优化技巧：如果key和value一样时，则可以省略属性名
var obj = {
   
    f, // f: f,允许在函数体内部，引用当前环境的其他变量
    x:2
}
var x = 1; // window 全局

f()