不了解在Javascript中使用新关键字

前端之家收集整理的这篇文章主要介绍了不了解在Javascript中使用新关键字前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
下面的代码片段来自O’Reilly的“ Javascript Web Applications”.在其中,作者解释说使用new关键字通常会返回一个这样的上下文,除非你特别返回其他内容 – 在下面,他将返回’一个设置新类的函数’,用他的话来说(第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的函数?这就是我从文中读到的内容,但这让我感到困惑.

解决方法

在他到达目的地之前,第一步是获得这个.

这通常可以指向三件事.
如果你有一个函数,它是一个对象的属性

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.

猜你在找的JavaScript相关文章