一次搞懂 JavaScript 中 this 指向的问题

╰半橙微兮° 2021-12-22 20:19 179阅读 0赞

**this的指向不取决于它的位置，而在于它所在的function是如何被调用的。（以下this的优先级从高到低）**

1.当this是在构造器调用时，this指向的是即将生成的对象。

function User (){
        console.log(this);
    }
    let Bar = new User();
    //此时this指向的就是Bar

2.当通过 call，apply，bind 显性绑定 this 的时候，this 指向绑定的值。

function foo() {
        console.log(this.name);
    }
    obj = {
        name: 'bar'
    }
    foo.call(obj);  // bar

3.当this被作为方法调用的时候（对象中的函数），this的指向域为其父级函数。

let person = {
         fname: '黑',
         Lname: '土',
         function full_name() {
             return this.fname + this.Lname;
        }
    }
    console.log(person.full_name()); // 黑土
    此时this指向为person。
    
    
    let person = {
         fname: '黑',
         lname: '土',
         a: {
                 fname: '白',
                 lname: '云',
                 function full_name() {
                 return this.fname + this.lname;
            }
        }
    }
    console.log(person.a.full_name());  // 白云
    此时this指向为a对象。

4.如果以上情况都不是，使用默认绑定规则，this指向域是最外层window，严格模式下值是undefined。如果 call、apply、bind 传入的第一个参数是 null/undefined ， 执行默认绑定，但是这样有可能会带来Bug， 最好方法如下：

o = Object.create(null);
    function bar() {}
    bar.call(o, arguments);

发表评论取消回复

表情：

评论列表（有 0 条评论，179人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 中改变 this 的指向

阅读目录如何灵活的运用 this 改变 this 的指向常见应用场景查找数组最大元素将数

水深无声/ 2023年10月07日 20:14/ 0 赞/ 10 阅读

相关 JavaScript函数中this的指向

JavaScript函数中this的指向 this的取值在函数真正被调用执行的时候确定，函数定义时无法确定。分为四种情况。 1、构造函数所谓构造函数就是用来ne

￡神魔★判官ぃ/ 2023年08月17日 15:23/ 0 赞/ 131 阅读

相关 javascript的this指向问题

关于this指向问题一直是js基础的热门问题，最近参与公司面试问过很多面试者总觉得有点模糊。所以自己想着总结一下： this的指向在函数定义的时候是确定不了的，只有在函数执行

r囧r小猫/ 2022年12月27日 14:04/ 0 赞/ 166 阅读

相关【JavaScript】this指向的问题

this指向不是在创建时指定的，而是由最后调用它的对象决定的。全局对象的this 在非严格模式下，this指向window；在严格模式下，this指向undefine

拼搏现实的明天。/ 2022年10月23日 01:56/ 0 赞/ 229 阅读

相关 javascript的this指向

目的：了解this指向建议阅读时间：2分钟 > this 要在执行的时候才能确认值，定义的时候无法确认 this指向有以下几种情况：作为构造函数的

迷南。/ 2022年10月01日 05:55/ 0 赞/ 257 阅读

相关 JavaScript中this指向问题

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定，this最终指向调用它的对象。 1.通过函数名直接调用，this指向window func

小灰灰/ 2022年04月22日 15:18/ 0 赞/ 233 阅读

相关一次搞懂 JavaScript 中 this 指向的问题

this的指向不取决于它的位置，而在于它所在的function是如何被调用的。（以下this的优先级从高到低） 1.当this是在构造器调用时，this指向的是即将生成的对象

╰半橙微兮°/ 2021年12月22日 20:19/ 0 赞/ 180 阅读

相关 js this指向哪里 JavaScript this指向

非箭头函数中的this指向一般都是调用者在非箭头函数中谁调用了函数，那么函数的this指向就是谁比如 let obj1 = \{

Myth丶恋晨/ 2021年10月19日 03:44/ 0 赞/ 442 阅读

相关 javaScript中this的指向

简单笔记： this永远指向调用它的对象，在严格模式下没有调用对象会指向undefined，非严格模式下指向全局变量（浏览器指向window，nodejs指向g

灰太狼/ 2021年09月22日 09:18/ 0 赞/ 403 阅读

相关 JavaScript中this指向问题

什么是this？在JS中，this的指向是调用时决定的，不是创建时决定的，this具有运行期绑定的特性全局上下文 this等价于window对象 var

系统管理员/ 2021年09月01日 04:36/ 0 赞/ 466 阅读