• javascript中this的指向


    this是指当前程序的运行环境,如果在函数中, 指代函数的运行环境。

    一般可以分成四类

      • 函数调用方式;alert('Hello World!')
      • 方法调用方式;console.log('Hello World!')
      • 构造函数方式;new RegExp('\d')
      • 间接调用方式(apply/call);alert.call(undefined, 'Hello World')

    1:全局变量默认挂载在window对象下

    2:一般情况下this指向它的调用者

    3:es6的箭头函数中,this指向创建者,并非调用者

    4:通过call、apply、bind可以改改变this的指向

    但是也有特殊情况, 相当于函数调用, this指向全局

    如:

    var a = 'window'
    var obj = {
       a: 'in obj'
       method: function(){
             console.log('1', this);
            (function(){  console.log('2', this) })()
            return function(){
                 console.log('3', this); 
            }
        }  
    }    
    
    obj.method()();
    
    将输出: 1, in obj, 2 window, 3 window

     因为在3时,obj.method()相当于返回了函数, 是一个函数调用了, 指向全局对象。自执行函数在运行时, 也是函数调用, 指向全局作用域。

    一般箭头函数指向定义时的上下文环境,一般是全局, 但是可以通过改变箭头函数的父级作用域, 间接的改变箭头函数的this.

    var a = 'window'
    var obj = {
       a: 'in obj'
       method: function(){
             console.log('1', this);
           
            return () => {
                 console.log('3', this.a); 
            }
        }  
    }    
    
    obj.method()(); // 3,  in obj
    obj.method.call({a: 'change parent'})(); // 3, change parent
    obj.method().call({a: 'change arrow'}); // 3, in obj 
    

      箭头对bind, callm apply无效

  • 相关阅读:
    mybatis中>=和<=的实现方式
    沙盒
    华硕 X201E 拆机
    延迟满足
    文本输入框自适应高度
    Qt实战之酷狗音乐
    协议栈处理中的conntrack HASH查找/Bloom过滤/CACHE查找/大包与小包/分层处理风格
    【processing】小代码3
    【processing】小代码2
    【processing】小代码
  • 原文地址:https://www.cnblogs.com/connie313/p/14737601.html
Copyright © 2020-2023  润新知