快捷導(dǎo)航

js核心基礎(chǔ)之構(gòu)造函數(shù)constructor用法實(shí)例分析

更新時間：2019年05月11日 09:22:19 作者：zhy前端攻城獅

這篇文章主要介紹了js核心基礎(chǔ)之構(gòu)造函數(shù)constructor用法,結(jié)合具體實(shí)例形式分析了javascript構(gòu)造函數(shù)constructor概念、原理、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下

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

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

例如：

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');

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

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

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

缺點(diǎn)：

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

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

因為，每創(chuàng)建一個實(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不是同一個實(shí)例。但是我們可以這樣做：

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

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

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

本文參照《JavaScript高級程序編程》

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

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

您可能感興趣的文章: