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对象;
     */

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

  • 相关阅读:
    MVC框架简介
    模型-视图-控制器模式
    高德地图基本开发
    质量属性的六个常见属性场景分析
    架构漫谈读后感
    第十周
    第九周总结
    第八周总结
    springboot基于mybatis的pegehelper分页插件
    webmagic之爬取数据存储为TXT
  • 原文地址:https://www.cnblogs.com/cnblogs-jcy/p/8909962.html
Copyright © 2011-2022 走看看