js中this指向总结

学习前端的渣渣

已于 2022-07-08 17:47:59 修改

阅读量215

点赞数

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

于 2022-05-08 17:12:51 首次发布

本文链接：https://blog.csdn.net/fangqi20170515/article/details/124650763

版权

JavaScript 专栏收录该内容

79 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中this的四种常见情况：1) 函数直接调用时，this为全局对象；2) 作为对象方法调用时，this指向调用该方法的对象；3) 构造函数中，this指向新创建的对象；4) 箭头函数不绑定自己的this，继承自外层函数。通过对这些概念的理解，有助于深入掌握JavaScript的作用域和上下文。

摘要由CSDN通过智能技术生成

this总结

1、当以函数的形式调用时，this是window

    function fun() {
        console.log(this);
    }
    fun();

this指向的是window

2、当以方法的形式调用时，谁调用方法，this就是谁

 function fun() {
        console.log(this.name);
    }
//    创建一个对象
    var obj = {
        name: '孙悟空',
        sayName: fun
    };
    // console.log(obj.sayName==fun);//true
    obj.sayName();

此时this指向的是obj这个对象

3、当以构造函数调用时，this是新创建的那个对象

以构造函数的方式创建对象，this指向的是新创建的对象
function Person(name, age, gender) {
        this.name = name;
        this.age = age;
    }
    //此时this指向person1
    let person1 = new Person('小方', 23);
     //此时this指向person2
     let person2 = new Person('小小', 1);