你不知道的javaScript读书笔记(六)

this全面解析

笔记：

this的运行机制：

（1） this是在运行时绑定的，并不是在编写时绑定，它的上下文取决于函数调用时的各种条件。this的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式。
（2）当一个函数被调用时，会创建一个活动记录(有时候也被称作执行上下文)。这个记录会包含函数在哪里调用(调用栈)、函数的调用方式、传入的参数等信息。this就是记录这个属性，它会在函数执行时候被用到。

查看函数this的方法：

this的绑定就是通过函数的直接调用位置，所以分析函数的直接调用位置，就可以分析出每个执行函数的this。可以把调用栈想象成一个函数的作用链，通过这个作用链可以清晰的看到每个函数的直接调用位置。

代码示例：

function baz(){//当前调用栈是：baz//因此调用位置是全局作用域，this指向windowconsole.log('baz')bar() // <- bar的调用位置
}function bar(){//当前调用栈是：baz -> bar//因此调用位置是baz中，this指向bazconsole.log('bar')foo() // <- foo的调用位置
}function foo(){//当前调用栈是：baz -> bar -> foo//因此调用位置是bar中，this指向barconsole.log('foo')
}baz() //<- baz的调用位置

找到函数的调用位置以后就可以通过以下四条规则来判断this的绑定对象：

（1）由new调用的话，this绑定到新创建的对象上
（2）由call、apply或者bind调用的话，this绑定在指定的对象上
（3）由上下文调用的话，this绑定到那个上下文对象
（4）默认情况，在严格模式下绑定在undefined，否则绑定到全局对象

new 在执行时会做四件事情：

（1）在内存中创建一个空对象
（2）让this指向这个对象
（3）执行构造函数里面的代码，给这个新对象添加属性和方法
（4）返回这个新对象（所以构造函数里面不需要return）

注意：箭头函数不会遵循四条标准的绑定规则，它不会创建自己的this上下文，会继承定义时外层函数的this绑定(无论this绑定到什么)，并且不会被改变。

你不知道的javaScript读书笔记(六)相关推荐

你不知道的javascript读书笔记3
概述这是我看<你不知道的JavaScript(中卷)>中关于类型检查的笔记,供以后开发时参考,相信对其他人也有用. typeof 我们知道js中有七种内置类型:undefined, nu ...
你不知道的javascript读书笔记
这本书真的挺不错的,感觉以前很多不敢碰,很迷茫的问题都解决好多,看到模块化记录一下自己的理解下面是代码: var MyModules = (function Manager() { var modu ...
3d游戏设计读书笔记六
3d游戏设计读书笔记六一.改进飞碟(Hit UFO)游戏: 游戏内容要求: 按 adapter模式设计图修改飞碟游戏使它同时支持物理运动与运动学(变换)运动更改原 UFO_action 类为 ...
Javascript读书笔记（六）函数作用域，声明提前，作用域链，闭包
参照内容来自<JavaScript权威指南>,<JavaScript高级程序设计> 函数作用域类似C语言的编程语言中有块级作用域,JavaScript中没有块级作用域,取而代 ...
高性能JavaScript 读书笔记
第一章:加载和执行浏览器的JavaScript的引擎是编译器层的优化: 当浏览器执行JavaScript代码时,不能同时做其他任何事情(单一进程),意味着<script>标签每次出现都霸 ...
Android驱动开发读书笔记六
第六章 Linux 驱动的工作和访问方式是 Linux 的亮点之一,Linux 系统将每一个驱动都映射成一个文件.这些文件称为设备文件或驱动文件,都保存在/dev目录中,由于大多数Linux驱动都有与 ...
C专家编程--读书笔记六运行时数据结构
第六章一.知识点 1.代码和数据的区别也可以认为是编译时和运行时的分界线.编译器的绝大部分工作都跟翻译代码有关:必要的数据存储管理的绝大部分都在运行时进行.(P121) 2."a.out& ...
《七步掌握业务分析》读书笔记六
分析技术和呈现格式词汇表强有力沟通的一个重要内容是一致地使用术语和惯用语.每次谈话都涉及对术语的共同理解. 工作流图(也称为流程图.UNL活动图和过程图) 工作流程把一个或多个业务过程的细节可视化 ...
高性能javascript读书笔记（三.DOM 编程2）
重绘和重排版浏览器下载完所有的HTML标记,Javascript,CSS,图片之后,它解析文件并创建两个内部数据结构 DOM树表示页面结构渲染树表示DOM节点如何显示渲染树中为每个需要显示的 ...

你不知道的javaScript读书笔记(六)

this全面解析

你不知道的javaScript读书笔记(六)相关推荐

最新文章

热门文章