美文网首页
this 的绑定规则一

this 的绑定规则一

作者: alue | 来源:发表于2023-03-06 20:28 被阅读0次

this 的第一个绑定规则是默认绑定, 即指向全局对象. 在无法应用其它三个规则时, 就会默认使用这个规则.

如果不带任何修饰的函数引用进行调用, 函数内的this就会采用默认绑定.

function foo(){
    console.log(this.a);
}

function bar(){
    var a = 3;
    foo()
}

var a = 2;

bar(); // 输出2

如果使用了严格模式, 则不能将全局对象用于默认绑定, this 会绑定到 undefined.

function foo(){
    "use strict"
    console.log(this.a);
}

function bar(){
    var a = 3;
    foo()
}

var a = 2;

bar(); // TypeError: Cannot read properties of undefined (reading 'a')

值得注意的是: 严格模式应当放在函数运行的位置, 如果是在函数调用处声明严格模式, 则不会影响默认绑定:

function foo(){
    console.log(this.a);
}

function bar(){
    "use strict"
    var a = 3;
    foo()
}

var a = 2;

bar(); // 输出2,  仍然能应用默认绑定到全局对象.

相关文章

  • JS this机制

    目录 this 是什么 this 的四种绑定规则 绑定规则的优先级 绑定例外 扩展:箭头函数 this 是什么 理...

  • js中的this详细介绍

    目录this 是什么this 的四种绑定规则绑定规则的优先级绑定例外扩展:箭头函数this 是什么理解this之前...

  • this 的绑定规则一

    this 的第一个绑定规则是默认绑定, 即指向全局对象. 在无法应用其它三个规则时, 就会默认使用这个规则. 如果...

  • Element-UI表单验证

    校验规则 表单通过rules属性绑定校验规则对象,表单项通过prop属性绑定具体校验规则 注意校验的字段必须和表单...

  • 如何正确的判断this? 箭头函数的this是什么?

    this的绑定规则有四种:默认绑定,隐式绑定,显式绑定,new绑定 。 函数是否在 new 中调用(new绑定),...

  • JavaScript中的this关键字

    目录 一、是什么 二、为什么 三、调用位置与调用栈 四、绑定规则:默认绑定,隐性绑定,显现绑定,new绑定 五、判...

  • this

    绑定4规则: 调用new:this绑定到新创建的对象 显示绑定:使用call、apply、bind等方法 调用绑定...

  • this对象

    绑定规则: 默认绑定 隐式绑定 显示绑定 new绑定 判断this 现在我们可以根据优先级来判断函数在某个调用位置...

  • this的绑定规则

    首先声明,this是在运行时绑定的,并不是在编写时绑定,它的上下文取决于函数调用时的各种条件。常见的this绑定规...

  • JS中this指向

    函数有4种调用方式,对应就有4种绑定规则:默认绑定、隐式绑定、硬绑定和构造函数绑定。 1、默认绑定 当作为普通函数...

网友评论

      本文标题:this 的绑定规则一

      本文链接:https://www.haomeiwen.com/subject/gdamldtx.html