zoukankan      html  css  js  c++  java
  • this指向

    /*
    总结:
    
    this 的指向:
    
        1.this 的指向 是在执行上下文时才确定的, 并且确定后不可更改;
    
        2.this 指向 “其执行上下文的环境对象”; 
    
    “其执行上下文的环境对象” 判读依据如下:
    */
    /*
    浏览器环境下:
    
        严格模式下:
    
            1.全局上下文中的 this
    
                “其执行上下文的环境对象”为,全局执行上下文的环境对象,而全局执行上下文的环境对象 为 Window对象;
    
            2.函数上下文中的 this
    
                情景一:apply、call、bind 指定环境对象
    
                    “其执行上下文的环境对象”为,被指定的环境对象,无论是什么,即使是 null 或者 undefined;
                
                情景二:没有指定环境对象
    
                    ->1.作为 独立函数 执行
    
                        “其执行上下文的环境对象”为 undefined;
                
                    ->2.作为 对象方法 执行
                    
                        “其执行上下文的环境对象”为 这个拥有它的对象;
    
            3.对象属性中的 this
    
                “其执行上下文的环境对象”为,全局执行上下文的环境对象 为 Window对象;
    
            4.构造函数 和 原型方法中的 this
    
                构造函数中:
    
                    “其执行上下文的环境对象”为,以构造函数名命名的新对象;
    
                原型方法中:
    
                    “其执行上下文的环境对象”为,构造函数的原型对象;
    
        非严格模式下:
    
            1.全局上下文中的 this
    
                (同 严格模式)
    
            2.函数上下文中的 this
    
                情景一:apply、call、bind 指定环境对象
    
                    (同 严格模式)
                
                情景二:没有指定环境对象
    
                    ->1.作为 独立函数 执行
    
                        “其执行上下文的环境对象”为 Window对象;
                
                    ->2.作为 对象方法 执行
                    
                        (同 严格模式)
    
            3.对象属性中的 this
    
                (同 严格模式)
    
            4.构造函数 和 原型方法中的 this
    
                构造函数中:
    
                    (同 严格模式)
    
                原型方法中:
    
                    (同 严格模式)
     */
    
    /*
    Node环境下:
    
        严格模式下:
    
            1.全局上下文中的 this
    
                “其执行上下文的环境对象”为,全局执行上下文的环境对象 当前模块{},所以全局中 this 指向当前模块对象{};
    
            2.函数上下文中的 this
    
                情景一:apply、call、bind 指定环境对象
    
                    “其执行上下文的环境对象”为,被指定的环境对象,无论是什么,即使是 null 或者 undefined;
                
                情景二:没有指定环境对象
    
                    ->1.作为 独立函数 执行
    
                        “其执行上下文的环境对象”为 undefined;
                
                    ->2.作为 对象方法 执行
                    
                        “其执行上下文的环境对象”为 这个拥有它的对象;
    
            3.对象属性中的 this
    
                “其执行上下文的环境对象”为,全局执行上下文的环境对象 当前模块{},所以全局中 this 指向当前模块对象{};
    
            4.构造函数 和 原型方法中的 this
    
                构造函数中:
    
                    “其执行上下文的环境对象”为,以构造函数名命名的新对象;
    
                原型方法中:
    
                    “其执行上下文的环境对象”为,构造函数的原型对象;
    
        非严格模式下:
    
            1.全局上下文中的 this
    
                (同 严格模式)
    
            2.函数上下文中的 this
    
                情景一:apply、call、bind 指定环境对象
    
                    (同 严格模式)
                
                情景二:没有指定环境对象
    
                    ->1.作为 独立函数 执行
    
                        “其执行上下文的环境对象”为 global对象;
                
                    ->2.作为 对象方法 执行
                    
                        (同 严格模式)
    
            3.对象属性中的 this
    
                (同 严格模式)
    
            4.构造函数 和 原型方法中的 this
    
                构造函数中:
    
                    (同 严格模式)
    
                原型方法中:
    
                    (同 严格模式)
     */
    
    /*
    可以看出,浏览器环境 和 Node环境中主要的不同就是,全局执行上下文的环境对象 浏览器中:全局执行上下文的环境对象 为 Window对象,在 非严格模式下,如果没有指定环境对象 或 环境对象为 null 或 undefined, this指向会转为 Window对象;
    
        Node中:全局执行上下文的环境对象 为 当前模块对象{},在 非严格模式下,如果没有指定环境对象 或 环境对象为 null 或 undefined, this指向会转为 global对象;
     */

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

  • 相关阅读:
    Android:android sdk源码中怎么没有httpclient的源码了
    Android:ADB server didn't ACK或者adb server is out of date. killing解决办法
    [GitHub]第八讲:GitHub Pages
    [GitHub]第七讲:GitHub issues
    [GitHub]第六讲:开源项目贡献流程
    php反射类 ReflectionClass
    排名前 8 的 PHP 调试工具,你认可吗?
    如何调试PHP程序
    eclipse 快速建立PHP调试环境
    HTML 列表元素OL、UL、LI
  • 原文地址:https://www.cnblogs.com/cnblogs-jcy/p/8909962.html
Copyright © 2011-2022 走看看