JavaScript真正的this指向原理

混合现实
• 阅读 1140

JavaScript函数是一个单独的值,它可以在不同的环境(上下文)中执行,同时JavaScript 允许在函数体内部,引用当前环境的其他变量。

为了能够在函数体内部获得当前的运行环境(context)。所以,this就出现了,它的设计目的就是在函数体内部,指代函数当前的运行环境。

在JavaScript语言中,this的设计跟内存的数据结构有关。基本数据类型是按值访问的,引用类型存储在内存中。

比如:

 var outer={
   fn:function(){console.log(this.x)},
   x:2
 }
 var x=1;
 var runFn=outer.fn;
 
 outer.fn() //2
 runFn() //1

上面的代码中,将一个对象赋值给变量outer,JavaScript引擎会先在内存中生成对象{fu:function(){},x:2},然后把对象的内存地址赋值给变量outer。

也就是说,变量outer 保存的是一个地址。后面如果要读取outer.fn,引擎先从outer拿到内存地址,然后再从该地址读出原始的对象。

然后原始对象根据fn属性值,然而fn的属性值是一个函数,这时JavaScript引擎将函数单独保存在内存中,然后将函数的内存地址赋值给fn属性的 value 属性。

然后获取函数的地址内存地址,outer.fn()函数运行后,其函数内部上下文(context)指向的就是原始对象环境,即his指向outer,返回outer的x属性值。

outer.fn()是通过outer找到fn,所以就是在outer环境执行。一旦var runFn = outer.fn,变量runFn就直接指向函数本身,所以runFn()就变成在全局环境执行。

点赞
收藏
评论区
推荐文章
Karen110 Karen110
4年前
一篇文章带你了解JavaScript作用域
在JavaScript中,对象和函数也是变量。在JavaScript中,作用域是你可以访问的变量、对象和函数的集合。JavaScript有函数作用域:这个作用域在函数内变化。一、本地JavaScript变量一个变量声明在JavaScript函数内部,成为函数的局部变量。局部变量有局部作用域:它们只能在函数中访问。JS://codeherecann
Karen110 Karen110
4年前
一篇文章带你了解JavaScript this关键字
与其他语言相比,this关键字在JavaScript中的行为略有不同。JavaScript中,this关键字引用其所属的对象。根据使用位置,它具有不同的值。一、前言方法中,this关键字引用其所属的对象。1.this指的是全局对象在函数中。2.this引用全局对象在函数中。3.在严格模式下,this是未定义的在事件中。4.
Karen110 Karen110
4年前
一篇文章带你了解JavaScript 函数闭包
大家好,我是前端进阶者。JavaScript变量属于本地或者全局范围,使用闭包可以让私有变量成为可能。一、全局变量一个函数可以访问所有定义在函数内部的变量。functionmyFunction()vara4;returnaa;但是函数也可以访问定义在函数之外的变量。vara4;//全局变量funct
Easter79 Easter79
4年前
this到底指向啥?看完这篇就知道了!
JS中的this是一个老生常谈的问题了,因为它并不是一个确定的值,在不同情况下有不同的指向,所以也经常使人困惑。本篇文章会谈谈我自己对this的理解。this到底是啥其实this就是一个指针,它指示的就是当前的一个执行环境,可以用来对当前执行环境进行一些操作。因为它指示的是执行环境,所以在定义这个变量时,其实是不知道它真正的值的,只
Stella981 Stella981
4年前
IDA Pro 权威指南学习笔记(十)
栈帧(stackframe)是在程序的运行时栈中分配的内存块,用于特定的函数调用如果一个函数没有执行则不需要内存,当函数被调用时就需要用到内存1.传给函数的参数的值需要存储到函数能够找到它们的位置2.函数在执行过程中可能需要临时的存储空间,通过声明局部变量来分配这类临时空间,这些变量在函数内部使用,函数调用完后,就无法再访问它们
Wesley13 Wesley13
4年前
C++中内置变量的初始化
对于全局的变量如果内置类型的变量未被显示地初始化,它的值将由定义的位置决定。(1).定义在函数体之外的变量将被初始化为0;(2).定义在函数体内部的变量将不被初始化,它的值将是任意的。对于(1)举例如下:shortsn;intin;longln;longlonglln;
Stella981 Stella981
4年前
JavaScript深入之参数按值传递
定义在《JavaScript高级程序设计》第三版4.1.3,讲到传递参数:ECMAScript中所有函数的参数都是按值传递的。什么是按值传递呢?也就是说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。按值传递举个简单的例子:varvalue1;fun
Stella981 Stella981
4年前
JavaScript之深入理解this
定义this是函数运行时自动生成的内部对象,即调用函数的那个对象。(不一定很准确的定义,但还算通俗易懂)在大多数情况下,this的值由函数调用方式决定,它不能在执行期间赋值来设置,它在每次执行下可能都有不同的值。全局执行环境(outsidefunction)在全局执行环境中,this一直
Wesley13 Wesley13
4年前
VC++知识点整理
1.内联函数定义:定义在类体内的成员函数,即函数的函数体放在类体内特点:在调用处用内联函数体的代码来替换,用于解决程序的运行效率问题。一定要在调用之前定义,并且内联函数无法递归调用。2.构造函数与析构函数构造函数:用于为对象分配内存空间,对类的成员变量进行初始化,并执行其他内部管理操作。可以接受参
小万哥 小万哥
2年前
Python 作用域:局部作用域、全局作用域和使用 global 关键字
变量只在创建它的区域内可用。这被称为作用域。局部作用域在函数内部创建的变量属于该函数的局部作用域,并且只能在该函数内部使用。示例:在函数内部创建的变量在该函数内部可用:pythondefmyfunc():x300print(x)myfunc()函数内部的函
linbojue linbojue
1个月前
JavaScript 在 Node.js 环境中的应用
JavaScript最初是为在浏览器中运行而设计的,但随着Node.js的出现,JavaScript的应用场景得到了极大的拓展。Node.js是一个基于ChromeV8引擎的JavaScript运行环境,它使JavaScript可以在服务器端运行,为开发者