下面的代码片段来自 O'Reilly 的“Javascript Web Applications”。在其中,作者解释说,使用 new
关键字通常会返回一个 this
上下文,除非您特别返回其他内容——在下面,他正在返回一个函数,该函数将设置一个新类(class)”,用他的话来说(第 7 页):
var Class = function(){
var klass = function(){
this.init.apply(this, arguments);
};
klass.prototype.init = function(){};
return klass;
};
var Person = new Class;
Person.prototype.init = function(){
// Called on Person instantiation
};
// Usage:
var person = new Person;
我不关注这个。返回 klass
在这里做什么?在 var Person = new Class
的情况下,我得到的不是一个新的 Class 对象,而是一些可以创建 Class 的函数吗?这就是我从课文中读到的内容,但它让我感到困惑。
最佳答案
在到达目的地之前,第一步是获取this
。
this
通常可以指向三件事。
如果你有一个函数是一个对象的属性:
var Bob = {
name : "Bob",
say : function () { console.log(this.name); }
};
Bob.say(); // "Bob"
在这种情况下,this
指向拥有该属性的任何对象(在调用函数的确切时刻前面的任何对象)
var say = Bob.say; // passing the function to a variable
var Sam = { name : "Sam" };
Sam.say = Bob.say; // passing the function to an object's property
say(); // undefined -- not what you were expecting
Sam.say(); // "Sam"
所以 this
是在最后一秒决定的。
函数也有自己的属性,就像对象一样。
其中两个是名为 .call
和 .apply
的函数,它们允许您运行函数,但告诉函数 this
是什么。
还记得 say();
是如何不能单独工作的吗?
var say = Bob.say;
say.call(Bob); // "Bob" -- hooray!
this
的下一部分是我们在面向对象语言中最常用的部分;使用 this
和 new
来创建类的新实例:
var Person = function (name) {
this.name = name;
this.say = function () { console.log(this.name); };
};
var bob = new Person("Bob");
bob.say(); // "Bob"
基本上,在此构造函数(或任何函数,因为构造函数在 JS 中并不特殊)内部,该函数首先检查是否调用了 new
。
如果是,将 this
设置为一个全新的对象,无论它是否是对象的一部分:
var Creatures = {};
Creatures.Person = Person;
Creatures.Person("Bob"); // `this` === Creatures
Creatures.name; // "Bob" -- whoops
var bob = new Creatures.Person("Bob");
bob.say(); // "Bob", yay!
所以这就像函数在说 if (new) { this = {};
在函数的顶部。
我说了三种可能。
第三个是 this === window
如果您使用 this
不是对象的函数(通过调用/应用,或作为对象的属性)并且 new
未用于创建新对象对象,然后 this
指向 window
。
这就是为什么 say();
之前不能独立工作的原因; window.say();
是等价的。
暂时回到 new
-- new
做一些其他的事情。
即,它设置对象的构造函数的值:
var bob = new Person();
bob instanceof Person; // true
它还为由该构造函数创建的对象提供了对所有实例共享的 prototype
对象的访问权限。
那么现在,看看 Class/Klass 内部发生了什么:
我们正在创建一个 new Class();
对象。
在 Class
函数内部,this = {};
(因为 new
)。
然后,我们正在制作一个新的“构造函数”函数,klass
。
然后,我们设置原型(prototype)init
函数,我们.apply
到任何新的this
(在类中
,在调用新实例时)。
然后我们返回类。
klass 实际上是你创建一个新类时调用的
当你调用一个类的新对象时,klass 正在运行。
希望对 new
和 this
以及 .call
和 Class/klass
有帮助。
关于javascript - 不理解在 Javascript 中使用 new 关键字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14314422/