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的函数?这就是我从文中读到的内容,但这让我感到困惑.
解决方法
这通常可以指向三件事.
如果你有一个函数,它是一个对象的属性:
var Bob = { name : "Bob",say : function () { console.log(this.name); } }; Bob.say(); // "Bob"
在这种情况下,这指向任何拥有该属性的对象(无论前面是一个点,在调用函数的确切时刻)
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"
所以这是在最后一秒确定的.
函数也具有自己的属性,如对象.
其中两个是名为.call和.apply的函数,它们允许你运行函数,但是告诉函数究竟是什么.
记得怎么说();没有自己的工作?
var say = Bob.say; say.call(Bob); // "Bob" -- hooray!
下一部分是我们在面向对象语言中最常用的部分;使用它和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.
如果是,将其设置为一个全新的对象,无论它是否是对象的一部分:
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 = {};在函数的顶部.
我说有三种可能性.
第三是这个===窗口
如果你使用的函数不是一个对象(通过调用/ apply,或者作为一个对象的属性),并且new不用于创建一个新对象,那么这将指向窗口.
这就是为什么说();之前没有独立工作; window.say();是等价的.
回到新的一秒 – 新的做其他几件事.
即,它设置对象的构造函数的值:
var bob = new Person(); bob instanceof Person; // true
它还为从该构造函数创建的对象提供对原型对象的访问权限,所有实例共享该对象.
那么现在,看看Class / Klass里面发生了什么:
我们正在创建一个新的Class();宾语.
在Class函数内部,这= {}; (因为新的).
然后,我们正在创建一个新的“构造函数”函数klass.
然后,我们将设置原型初始化函数,我们将其应用于任何新函数(在klass中,在调用新实例时).
然后我们回到了klass.
klass实际上是你在创建一个新类时所要调用的
当你调用一个类的新对象时,正在运行klass.
希望有助于new和this以及.call和Class / klass.