/*
这个主题 主要是为了论述 js 中一个最烦人的问题 --> this 的指向问题 其实,这个 this 到底指向什么,指向谁,查了好多资料、书籍、官文,也没有给出明确的一个结论, 也学这也就是 this指向 的难点所在,没有定论 可以作为判断依据; 但是呢,这个又是非常重要的一个问题,大家也都一直在寻找和探索一个可以作为 定律的判断依据,在我深研了好几天之后,我做出以下的结论: 先给出结论: 1.this 的指向 是在执行上下文时才确定的, 并且确定后不可更改; 2.this 指向 “其执行上下文的环境对象”; 在做了 N个测试之后,这一结论基本可以作为所有 this 指向问题的判断依据;
*/
/*
下面我们来 验证结论的 第1条: 分析结论:第1条,也就是只有 上下文被正式放入调用栈(call stack)中执行时,才能确定 this的指向;并且,一旦确定 不可更改;
*/
// demo 1:
var obj = {a:10}
function test(){
console.log(this);
} test(); // Window
test.apply(obj); // obj
/*
demo1中 两种不同的test() 函数运行方式,this 有了两个不同指向,充分证实了 this 的指向不是代码一编译好就确定的, 而是 必须在执行的时候,视 环境对象(这个环境对象 在论述 结论2时,详说)而定的;
*/ // demo 2:
var obj = {a:10}
function test(){
this = obj
console.log(this);
} test(); // Uncaught ReferenceError: Invalid left-hand side in assignment
/*
demo2 在test()执行上下文时,试图修改 this 指向,结果报错,这是因为,在test()执行上下文的 创建阶段 就已经确定了this的指向, 在随后的 执行阶段,试图更改 this 的指向,结果报错; 这一结果,也证明了 this 一旦确定指向是不可更改的;
*/ /*
下面我们来 验证结论的 第2条: 分析结论:第2条,this 指向 “其执行上下文的环境对象”; 首先,明确一点,执行上下文(execution context) 跟 作用域(scope) 是两个概念执行上下文:注意这个执行上下文是个名词,不是动词,它相当于一个程序执行器,拿函数举例,每次调用函数时,都会创建一个这样的执行器, 它分为 创建阶段 和 执行阶段 两个阶段,也可以比喻为,执行器被创建出来的阶段 和 执行器被使用时的阶段; 两个阶段分别做了不同的事情: 创建阶段:创建变量对象、建立作用域链、确定 this指向 执行阶段:变量赋值、函数引用、执行代码 程序执行完毕之后,这个执行器会被弹出程序执行的流水线 调用栈(call stack); 作用域:是变量和函数可访问的一个区域范围; 作用域链:就是从自身作用域开始一直向上查找它的父级作用域,直至查找到全局作用域 而形成的一个链条,这就是作用域链; 访问变量的过程,是一个 从子到父查寻作用域链上变量对象的查找过程; 需要注意一点,这个查找过程是单向的,也就是说,子可以找到父作用域内的变量对象,而父不可以访问子作用域内的变量对象; 好像有点说多了,只要记住 执行上下文 和 作用域是两个概念就好了; 现在,现在我们了解了执行上下文到底是怎么回事儿了,那么,执行上下文的“环境对象”又是什么意思呢,上文我们把执行上下文比喻成 执行器, 那么这个 "环境对象",就相当于生产执行器的 厂家,并且在制造这个生成器的时候,就给它贴上了商标,也就是确定了 this的指向; 概念介绍完了,目的也就是让大家有个清除的概念意识,接下来我们做点实际的,那到底怎么判断 执行上下文的环境对象到底是什么呢? 我将总结的情况分了以下五类: 1.全局上下文中 this 2.函数上下文的 this 3.对象属性中的 this 4.构造函数 和 原型方法中的 this 5.应用 call、apply、bind 方法后的 this */

原创:转载注明出处,谢谢 :)

this指向 - 开端的更多相关文章

  1. ej3-0开端

    开始 编码多年,总有一些最佳实践,Java也是,比如设计模式,比如Effective Java 3 (ej3) . 设计模式先后看过<大话设计模式>,<HeadFirst 设计模式& ...

  2. ndk学习之C语言基础复习----结构体、共用体与C++开端

    自己实现sprintf功能: 关于C中的系统函数sprintf在上次[https://www.cnblogs.com/webor2006/p/7545627.html]学习中已经用到过了,这里再来回顾 ...

  3. 30天的php学习之路——第一天开端

    因项目紧急只留给了我4周时间学习php.谨以此文记录我的php学习历程,仅供参考,若有错误请指正. 之前对php有过一些了解,一些语法和习惯和C#差距有些大,所以第一天准备对php中的符号有个全面的了 ...

  4. C语言中 指向函数的指针 简介

    引子:在学习CPrimerPlus的第十四章的14.13节中,遇到了如下三行文字,是有关指向函数的指针的,把我搞晕了. char * fump(); //返回指向char的指针的函数 char (* ...

  5. JS this指向

    正常模式 在正常模式下独立函数的的 this 指向 undefined 或 window. <script type="text/javascript"> functi ...

  6. F#之旅0 - 开端

    F#之旅0 - 开端 UWP的学习告一段落,CozyRSS的UWP版本并没有做.UWP跟wpf开发几乎一模一样,然后又引入了很多针对移动设备的东西,这部分有点像android.没啥太大的意思,不难,估 ...

  7. java多态性,父类引用指向子类对象

    父类引用指向子类对象指的是: 例如父类Animal,子类Cat,Dog.其中Animal可以是类也可以是接口,Cat和Dog是继承或实现Animal的子类. Animal animal = new C ...

  8. 【javascript 技巧】谈谈setTimeout的作用域以及this的指向问题

    setTimeout的用法详见:http://www.w3school.com.cn/htmldom/met_win_settimeout.asp 是的,setTimeout的常见用法是让某个方法延迟 ...

  9. what's this? 浅谈js中this的指向问题

    刚刚学习js的朋友可能和我一样,看到代码中的this总是一脸懵逼,不知道this到底指向谁.经过一段时间的了解,我想跟大家分享下自己的理解. 何时出现this 函数在调用的时候,会自动获得两个特殊变量 ...

随机推荐

  1. mybatis 返回值类型是Map

    <select id="selectByMemberKey" resultType="java.util.HashMap"> SELECT memb ...

  2. c++11——move/forward

    std::move c++11中提供了std::move()来将左值转换为右值,从而方便的使用移动语义.move是将对象的状态或者所有权从一个对象转移到另一个对象,只是转移,没有内存拷贝.     c ...

  3. npm更新到最新版本

    命令行运行: npm install -g npm

  4. vue中npm install 报错之一

    报错原因: 这是因为文件phantomjs-2.1.1-windows.zip过大,网络不好,容易下载失败 PhantomJS not found on PATH 解决方案一: 选择用cnpm ins ...

  5. 微信小程序 --- loading提示框

    loading:提示框: 效果: loading和toast和像,只不过 toast 是设置结束时间,时间到了去触发bindchange事件,进行隐藏. 但是 loading 是没有办法设置事件让其隐 ...

  6. Think PHP递归重新排序无限极子分类数组(递归无限极分类)

    Think PHP递归重新排序无限极子分类数组 // 递归重新排序无限极子分类数组 function recursive($array,$pid=0,$level=0){ $arr = array() ...

  7. 线段树(成段更新,区间求和lazy操作 )

    hdu1556 Color the ball Time Limit: 9000/3000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/O ...

  8. js常用的几个验证

    /// <summary> ///1. 使用正则表达式验证 参数 是否 为数值 /// </summary> /// <param name="trNumber ...

  9. Powerdesigner逆向工程从sql server数据库生成pdm【转】

    Powerdesigner逆向工程从sql server数据库生成pdm 第一步:打开"控制面板"中的"管理工具" 第二步:点击"管理工具" ...

  10. ZOJ 3210 A Stack or A Queue?

    A Stack or A Queue? Time Limit: 1 Second      Memory Limit: 32768 KB Do you know stack and queue? Th ...