怎么在JavaScript中使用prototype方法給類添加方法？針對(duì)這個(gè)問題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。

成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、外貿(mào)營銷網(wǎng)站建設(shè)、保德網(wǎng)絡(luò)推廣、小程序設(shè)計(jì)、保德網(wǎng)絡(luò)營銷、保德企業(yè)策劃、保德品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供保德建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：chinadenli.net

1.如何定義一個(gè)簡(jiǎn)單的類？

以下是一個(gè)沒有任何屬性和方法的類的定義：

function MyClass(){};

你可能會(huì)想，這不就是個(gè)簡(jiǎn)單的函數(shù)聲明？沒錯(cuò)，這個(gè)函數(shù)就是一個(gè)類的定義的實(shí)現(xiàn)。如何使用這個(gè)類呢？看下面的代碼：

var cls1 = new MyClass();

這樣，利用new就可以生成MyClass的一個(gè)實(shí)例了。所以在js中可以說函數(shù)就是類，類就是函數(shù)。

2.給類增加屬性和方法

function MyClass(name,age){
  this.name = name;
  this.age = age;
}
var cls1 = new MyClass("lily",18);
alert(cls1.name);

從上面的代碼可以看出，在函數(shù)內(nèi)使用this就能給函數(shù)本身增加屬性值。而在上面的代碼中就給myClass函數(shù)增加了name和age屬性。

同樣，還可以利用this給這個(gè)類增加一個(gè) toString 方法，代碼如下：

function MyClass(name,age){
  this.name = name;
  this.age = age;
  this.toString() = function(){
    alert(this.name +":"+ this.age);
  };
}
var cls1 = new MyClass("liming",10);
cls1.toString();

我們已經(jīng)成功的給MyClass增加了toString方法。另外也可以用以下代碼來添加方法：

function MyClass(name,age){
  this.name = name;
  this.age = age;
}
var cls1 = new MyClass("liming",10);
cls1.toString() = function(){
            alert(this.name +":"+ this.age);
          };
cls1.toString(); // [liming:10]
var cls2 = new MyClass("zhang",10);
cls2.toString(); //報(bào)錯(cuò)

雖然這樣也能給這個(gè)類添加一個(gè)方法，但這種方式只是給cls1這個(gè)實(shí)例增加了方法，并未給MyClass本身增加方法。

cls2并不存在toString方法。

3.引出prototype

從上面我們已經(jīng)知道要給MyClss類的本身增加方法，需要講方法定義在MyClass這個(gè)函數(shù)內(nèi)部，這樣的話，每聲明一個(gè)新的實(shí)例，就會(huì)將MyClass本身復(fù)制一遍，這顯然不是最優(yōu)的做法。

既然不能將一個(gè)類（函數(shù)）所包含的方法都定義在函數(shù)的內(nèi)部，那么，如何來給一個(gè)類添加方法呢？這就需要用到函數(shù)的prototype屬性了。

每一個(gè)函數(shù)都會(huì)包含一個(gè)prototype屬性，這個(gè)屬性指向了一個(gè)prototype對(duì)象，我們可以指定函數(shù)對(duì)應(yīng)的prototype對(duì)象。如果不指定，則函數(shù)的prototype屬性將指向一個(gè)默認(rèn)的prototype對(duì)象，并且次默認(rèn)的prototype對(duì)象的constructor屬性又會(huì)指向該函數(shù)。

當(dāng)用構(gòu)造函數(shù)創(chuàng)建一個(gè)新的對(duì)象時(shí)，新的對(duì)象會(huì)獲取構(gòu)造函數(shù)的prototype屬性所指向的prototype對(duì)象的所有屬性和方法，這樣一來，構(gòu)造函數(shù)對(duì)應(yīng)的prototype對(duì)象所做的任何操作都會(huì)反映到它所生成的對(duì)象上，所有的這些對(duì)象將共享與構(gòu)造函數(shù)對(duì)應(yīng)的prototype對(duì)象的屬性和方法。

雖然新創(chuàng)建的對(duì)象可以使用它的構(gòu)造函數(shù)所指向的prototype對(duì)象的屬性和方法，但不能像構(gòu)造函數(shù)那樣直接調(diào)用prototype對(duì)象（對(duì)象沒有prototype屬性）。

簡(jiǎn)而言之，就是如果我們使用函數(shù)的prototype對(duì)象來給函數(shù)添加方法，那么在創(chuàng)建一個(gè)新的對(duì)象的時(shí)候，并不會(huì)復(fù)制這個(gè)函數(shù)的所有方法，而是指向了這函數(shù)的所有方法。

具體看下面的代碼：

function MyClass(name,age){
  this.name = name;
  this.age = age;
}
MyClass.prototype.toString = function(){
  //
}
var cls1 = new MyClass("liming",10);
cls1.toString(); //
var cls2 = new MyClass("zhang",10);
cls2.toString();

如果要加入多個(gè)方法，也可以使用下面的方式：

function MyClass(name,age){
  this.name = name;
  this.age = age;
}
MyClass.prototype = {
  toString:function(){
    //
  },
  sayHellow:function(){
    //
  }
};

JavaScript有什么特點(diǎn)

1、js屬于一種解釋性腳本語言；2、在絕大多數(shù)瀏覽器的支持下，js可以在多種平臺(tái)下運(yùn)行，擁有著跨平臺(tái)特性；3、js屬于一種弱類型腳本語言，對(duì)使用的數(shù)據(jù)類型未做出嚴(yán)格的要求，能夠進(jìn)行類型轉(zhuǎn)換，簡(jiǎn)單又容易上手；4、js語言安全性高，只能通過瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互，從而有效地防止數(shù)據(jù)的丟失；5、基于對(duì)象的腳本語言，js不僅可以創(chuàng)建對(duì)象，也能使用現(xiàn)有的對(duì)象。

關(guān)于怎么在JavaScript中使用prototype方法給類添加方法問題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

當(dāng)前名稱：怎么在JavaScript中使用prototype方法給類添加方法
URL地址：http://chinadenli.net/article4/ppijoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、用戶體驗(yàn)、網(wǎng)站維護(hù)、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站內(nèi)鏈、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)