首页 > 代码库 > javascript对象初探（一）--- 构造器函数

javascript对象初探（一）--- 构造器函数

2024-08-11 02:05:35   211人阅读

我们可以通过构造器函数(简称构造函数)来创建对象：

function Her(){    this.child = ‘Jon‘;}

为了使用该函数来创建对象，我们需要使用new操作符，例如：

var she = new Hew();she.child; // Jon

使用构造函数创建对象的好处就是她可以接受一些参数，下面我们就来修改一下上面的例子：

function Her(name){    this.name = name;    this.child = ‘Jon;    this.whoAreYou = function(){        return ‘I am‘ + this.name + ‘My child is‘ + this.child;    }}

 现在，我们就能利用同一个构造函数创建不同的对象了：

var her1 = new Her(‘A‘);var her2 = new Her(‘B‘);

 

按照惯例，我们应该将构造函数的首字母大写，以便区分一般函数。

如果我们在调用一个构造函数的时候忽略了new操作符，尽管代码不会出错但她的运行结果往往会出人意料！

var a = Her(‘A‘);console.log(typeof a);  // undefined

 

由于我们没有使用new操作符，那我们就不是在创建一个新的对象。这个函数调用与其它函数并没有神马区别，这里的a就应该是函数的返回值，由于Her()函数没有显式的返回值（return关键字返回），所以说便隐式的返回了undefined,并将该值赋给了a。

那么这时候的this指向的是谁呢？答案是window.

当我们创造对象的时候，实际上同时也赋予了该对象的一种特殊的属性---即构造器属性（constructor prototype）。该属性实际上是一个指向用于创建该对象的构造器函数的引用。

function Her(){   this.name = ‘Anna‘;}var she = new Her();cosole.log(she.constructor);// function Her(){//    this.name = ‘Anna‘;//}

 

当然，由于构造器函数引用的是一个函数，因此我们可以利用她来创建另一个新对象：

var her2 = new Her.constructor()

 

大意就是：‘无论对象her2有没有被创建，我们都可以用她来创建另一个对象’。

另外，如果对象是通过‘{}’这种方式被创建的，那么实际上她就是由内建函数Object()函数所创建的：

var o = {};console.log(o.constructor);//function Object(){}console.log(typeof o.constructor) // function

 

 

instanceof 操作符

可以测试某个对象是不是由某个指定的构造函数创建的。

function Hero(){};var h = new hero();var o = {};cosole.log(h instanceof Hero) //true

 

请注意，这里的函数名Hero后面没有加（），因为这是函数的引用而不是调用。

javascript对象初探（一）--- 构造器函数


联系
我们