• 技术文章 >Web开发 >JavaScript

    js中this的六种模式

    小妮浅浅小妮浅浅2021-07-06 11:40:04原创177

    说明

    1、在方法调用模式下,this总是指向调用方法的对象,this的方向与方法的调用位置有关,与方法的声明位置无关(箭头函数特殊);

    2、在函数调用下,this指向window,当调用方法没有明确对象时,this指向window,如settimeout、匿名函数等;

    3、在构造函数调用模式下,this指向被构造对象;

    4、this在apply、call、bind调用模式下指向第一个参数;

    5、箭头函数在声明时绑定this,而不是调用位置;

    6、在严格模式下,如果this没有被执行环境定义为undefined;

    实例

    // 声明位置
    var test = function(){
      console.log(this.x)
    }
     
    var x = "2";
     
    var obj = {
      x:"1",
      fn:test,
    }
     
    // 调用位置
    obj.fn(); // 1
     
    test(); // 2

    以上就是js中this的六种模式,希望对大家有所帮助。更多js学习指路:js教程

    专题推荐:js this
    品易云
    上一篇:js中replaceAll方法的实现 下一篇:js中for...in语句的使用注意

    相关文章推荐

    • js状态模式是什么• javascript如何动态加载js文件• js中自定义迭代行为的介绍• js返回生成器的两种方法• js中yield和yield*表达式的介绍• js生成器中next的使用• throw在js生成器中的用法• js中return如何结束生成器• js中co模块是什么• nodejs爬虫中的动态ip设置• js柯里化函数的好处• js中repeat()的使用• js中如何填充字符串• js中matchAll()方法的使用• js中replaceAll方法的实现

    全部评论我要评论

  • 取消发布评论
  • 

    Python学习网