欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

淺談js構(gòu)造函數(shù)的方法與原型prototype

 更新時(shí)間：2016年07月04日 09:02:07   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇淺談js構(gòu)造函數(shù)的方法與原型prototype。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

把方法寫在構(gòu)造函數(shù)內(nèi)的情況我們簡(jiǎn)稱為函數(shù)內(nèi)方法,把方法寫在prototype屬性上的情況我們簡(jiǎn)稱為prototype上的方法。

•函數(shù)內(nèi)的方法： 使用函數(shù)內(nèi)的方法我們可以訪問(wèn)到函數(shù)內(nèi)部的私有變量,如果我們通過(guò)構(gòu)造函數(shù)new出來(lái)的對(duì)象需要我們操作構(gòu)造函數(shù)內(nèi)部的私有變量的話, 我們這個(gè)時(shí)候就要考慮使用函數(shù)內(nèi)的方法.

•prototype上的方法： 當(dāng)我們需要通過(guò)一個(gè)函數(shù)創(chuàng)建大量的對(duì)象,并且這些對(duì)象還都有許多的方法的時(shí)候;這時(shí)我們就要考慮在函數(shù)的prototype上添加這些方法. 這種情況下我們代碼的內(nèi)存占用就比較小.

•在實(shí)際的應(yīng)用中，這兩種方法往往是結(jié)合使用的；所以我們要首先了解我們需要的是什么，然后再去選擇如何使用

// 構(gòu)造函數(shù)A
function A(name) {
  this.name = name || 'a';
  this.sayHello = function() {
    console.log('Hello, my name is: ' + this.name);
  }
}

// 構(gòu)造函數(shù)B
function B(name) {
  this.name = name || 'b';
}
B.prototype.sayHello = function() {
  console.log('Hello, my name is: ' + this.name);
};

var a1 = new A('a1');
var a2 = new A('a2');
a1.sayHello();
a2.sayHello();

var b1 = new B('b1');
var b2 = new B('b2');
b1.sayHello();
b2.sayHello();

寫了兩個(gè)構(gòu)造函數(shù),第一個(gè)是A,這個(gè)構(gòu)造函數(shù)里面包含了一個(gè)方法sayHello;第二個(gè)是構(gòu)造函數(shù)B, 我們把那個(gè)方法sayHello寫在了構(gòu)造函數(shù)B的prototype屬性上面.把方法寫在構(gòu)造函數(shù)的內(nèi)部,增加了通過(guò)構(gòu)造函數(shù)初始化一個(gè)對(duì)象的成本,把方法寫在prototype屬性上就有效的減少了這種成本. 你也許會(huì)覺(jué)得,調(diào)用對(duì)象上的方法要比調(diào)用它的原型鏈上的方法快得多,其實(shí)并不是這樣的,如果你的那個(gè)對(duì)象上面不是有很多的原型的話,它們的速度其實(shí)是差不多的

另外，需要注意的一些地方：

•首先如果是在函數(shù)的prototype屬性上定義方法的話,要牢記一點(diǎn),如果你改變某個(gè)方法,那么由這個(gè)構(gòu)造函數(shù)產(chǎn)生的所有對(duì)象的那個(gè)方法都會(huì)被改變.

•還有一點(diǎn)就是變量提升的問(wèn)題,我們可以稍微的看一下下面的代碼:

func1(); // 這里會(huì)報(bào)錯(cuò),因?yàn)樵诤瘮?shù)執(zhí)行的時(shí)候,func1還沒(méi)有被賦值. error: func1 is not a function
var func1 = function() {
  console.log('func1');
};

func2(); // 這個(gè)會(huì)被正確執(zhí)行,因?yàn)楹瘮?shù)的聲明會(huì)被提升.
function func2() {
  console.log('func2');
}

•關(guān)于對(duì)象序列化的問(wèn)題.定義在函數(shù)的prototype上的屬性不會(huì)被序列化,可以看下面的代碼：

function A(name) {
  this.name = name;
}
A.prototype.sayWhat = 'say what...';

var a = new A('dreamapple');
console.log(JSON.stringify(a));

我們可以看到輸出結(jié)果是{"name":"dreamapple"}

以上這篇淺談js構(gòu)造函數(shù)的方法與原型prototype就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論