本文實(shí)例講述了js核心基礎(chǔ)之構(gòu)造函數(shù)constructor用法。分享給大家供大家參考，具體如下：

在js中，可以利用構(gòu)造函數(shù)來(lái)創(chuàng)建特定類型的對(duì)象，其中，有一些原生的構(gòu)造函數(shù)，Object、Array、等等，所以，當(dāng)type of Object時(shí)，返回的是function。此外，我們還可以創(chuàng)建自定義的構(gòu)造函數(shù)，從而自定義對(duì)象的屬性以及方法。

例如：

function Person(name,age,job) {
  this.name=name;
  this.age=age;
  this.job=job;
  this.sayName=function () {
    alert(this.name);
  }
}
var person1=new Person('zhy',18,'SoftWare Engineer');
var person2=new Person('zhy2',19,'Doctor');

注意：要?jiǎng)?chuàng)建Person的新實(shí)例，必須使用new操作符。如果不使用new，則屬性和方法都被添加給了window對(duì)象了。

這種方式調(diào)用構(gòu)造函數(shù)實(shí)際上會(huì)經(jīng)歷一下4個(gè)步驟：

① 創(chuàng)建一個(gè)新對(duì)象；
② 將構(gòu)造函數(shù)的作用域賦給新對(duì)象，因此，this就指向了這個(gè)新對(duì)象；
③ 執(zhí)行構(gòu)造函數(shù)中的代碼，即為這個(gè)新對(duì)象添加屬性、方法；
④ 返回新對(duì)象。

缺點(diǎn)：

在上述例子中，我們可以知道，每個(gè)實(shí)例都有一個(gè)sayName的方法，但是

console.log(person1.sayName==person2.sayName);//false

因?yàn)椋縿?chuàng)建一個(gè)實(shí)例的時(shí)候，實(shí)際上所做的是下面這種：

function Person(name,age,job) {
  this.name=name;
  this.age=age;
  this.job=job;
  this.sayName=new Function () {
    alert(this.name);
  }
}

所以，person1的sayName跟person2的sayName不是同一個(gè)實(shí)例。但是我們可以這樣做：

function Person(name,age,job) {
  this.name=name;
  this.age=age;
  this.job=job;
  this.sayName=sayName;
 }
function sayName(){
   alert(this.sayName);
}

這樣一來(lái)，每個(gè)實(shí)例對(duì)象里面 的sayName函數(shù)指向的都是同一個(gè)函數(shù)。

可是問題又來(lái)了，如果對(duì)象有很多的函數(shù)要定義，那么就要定義很多個(gè)全局函數(shù)，沒有封裝性可言了，好在這些問題可以通過使用原型模式來(lái)解決。

本文參照《JavaScript高級(jí)程序編程》

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

最新評(píng)論