在function函数内使用this绑定公开属性的疑问?

大漠刀客
  • 185
var Shape = function(width, height) {
    var self = this;
    self.area = function() {
        return width * height;
    }
    return self;
};

var shape = Shape(20, 30);
area;

为什么这里area变成了全局的?

回复
阅读 1.6k
5 个回答

Shape(20,30)===>window.Shape(20,30)
this此时为window
对应的window.area = function(){}

clipboard.png

Shape(20, 30) // 函数的直接调用 this就是window

搜一下 关于 js this的内容吧。。
this

直接调用function的话this指向window,假设你的函数当做构造函数使用,例如:var shape = new Shape();那这时候你调用shape()这个this是指向你生成的实例shape的,这时候就不会指向window

宣传栏