js this

dyegral

于 2019-09-28 11:33:12 发布

阅读量92

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/deadpoolll/article/details/101598917

版权

js 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

脚本中，this初始化为window
普通函数中，this初始化为window
在object调用的函数中，this被指定为object，谁调用，指向谁
call/apply中，this可以被指定，被指定为第一参数

    var obj = {
        name: 'a',
        f2: function () {
            console.log(this);
        }
    }
    obj.f2();
    var f = obj.f2; // obj
    f(); // window

    var obj1 = {
        name: 'bbb'
    }
    f.call(obj1) // obj1

在这里插入图片描述

在new的构造函数中，thsi被指向正在创建的对象

    function F() {
        console.log(this);
    }
    var obj = new F();

在这里插入图片描述

习题

var name = 'The window';
var object = {
    name: 'my object',
    getNameFunc: function(){
        return function(){
            return this.name;
        };
    },
    getNameFunc2: function(){
        return this.name;
    }
}
console.log(object.getNameFunc()()); // The window
console.log(object.getNameFunc2()); // my object

在这里插入图片描述

    var i = 1;
    var obj = {
        i: 2,
        f: function () {
            console.log(this.i);
        }
    }

    var obj1 = {
        i: 3,
        f: function (ff) {
            ff(); // 只 object.func() 这样的调用this才是object，所以这里是Window
        },
        f2: function () {
            return function () {
                console.log(this.i)
            }
        }
    }

    obj1.f(obj.f); // 1
    obj1.f = obj.f;
    obj1.f(); // 3
    obj1.f2()(); // 1