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

js類定義函數(shù)時(shí)用prototype與不用的區(qū)別示例介紹

 更新時(shí)間：2014年06月10日 08:51:37   作者：  
沒有使用prototype的方法相當(dāng)于類的靜態(tài)方法，相反，使用prototype的方法相當(dāng)于類的實(shí)例方法，不許new后才能使用
一直在使用js編寫自以為是面向?qū)ο蟮姆椒ǎ龅揭粋€(gè)問(wèn)題，就是定義一個(gè)方法，如下：
復(fù)制代碼 代碼如下:

function ListCommon2(first,second,third)
{
this.First=function ()
{
alert("first do"+first);
}
}
ListCommon2.do1=function(first)
{
// this.First();
alert("first do"+first);
}
ListCommon2.prototype.do2=function(first)
{
// this.First();
alert("first do"+first);
}

兩種方法到底有什么區(qū)別呢？用不用prototype有什么作用呢？

測(cè)試代碼：
復(fù)制代碼 代碼如下:

var t1=new ListCommon2("燒水1","泡茶1","喝1");
// t1.do1();//調(diào)用出錯(cuò)
ListCommon2.do1("燒水1");
var t2=new ListCommon2("燒水2","泡茶2","喝2");
t2.do2("燒水2");//
// ListCommon2.do2("燒水1");//調(diào)用出錯(cuò)

經(jīng)過(guò)測(cè)試發(fā)現(xiàn)，沒有使用prototype的方法相當(dāng)于類的靜態(tài)方法，因此可以這樣調(diào)用，ListCommon2.do1("燒水1");，如果這樣調(diào)用就會(huì)出錯(cuò)，t1.do1();

相反，使用prototype的方法相當(dāng)于類的實(shí)例方法，不許new后才能使用，ListCommon2.do2("燒水1");這樣就會(huì)出錯(cuò)

結(jié)論，使用 prototype定義的方法相當(dāng)于類的實(shí)例方法，必須new后才能使用，函數(shù)中可以調(diào)用函數(shù)的限制也會(huì)類的實(shí)例方法的限制有些類似

使用 不使用prototype定義的方法相當(dāng)于類的靜態(tài)方法，可以直接使用，不需要new,，函數(shù)中可以調(diào)用函數(shù)的限制也會(huì)類的靜態(tài)方法法的限制有些類似

例如不能調(diào)用this.First();

相關(guān)文章

  • JavaScript中Set集合的方法詳情

    JavaScript中Set集合的方法詳情

    這篇文章主要介紹了JavaScript中Set集合的方法詳情，Set是唯一值的集合。每個(gè)值在Set中只能出現(xiàn)一次。一個(gè)Set可以容納任何數(shù)據(jù)類型的任何值
    2022-09-09
  • javascript實(shí)現(xiàn)點(diǎn)擊按鈕讓DIV層彈性移動(dòng)的方法

    javascript實(shí)現(xiàn)點(diǎn)擊按鈕讓DIV層彈性移動(dòng)的方法

    這篇文章主要介紹了javascript實(shí)現(xiàn)點(diǎn)擊按鈕讓DIV層彈性移動(dòng)的方法,實(shí)例分析了javascript操作div層的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-02-02
  • uniapp小程序配置tabbar底部導(dǎo)航欄實(shí)戰(zhàn)指南

    uniapp小程序配置tabbar底部導(dǎo)航欄實(shí)戰(zhàn)指南

    tabBar如果應(yīng)用是一個(gè)多tab應(yīng)用,可以通過(guò)tabBar配置項(xiàng)指定tab欄的表現(xiàn),以及tab切換時(shí)顯示的對(duì)應(yīng)頁(yè),下面這篇文章主要給大家介紹了關(guān)于uniapp小程序配置tabbar底部導(dǎo)航欄的相關(guān)資料,需要的朋友可以參考下
    2022-09-09
  • Js表格萬(wàn)條數(shù)據(jù)瞬間加載實(shí)現(xiàn)代碼

    Js表格萬(wàn)條數(shù)據(jù)瞬間加載實(shí)現(xiàn)代碼

    一條數(shù)據(jù)創(chuàng)建一行，如果數(shù)量大的時(shí)候，一次性要加載完數(shù)據(jù)的話，瀏覽器就會(huì)卡上半天，下面有個(gè)不錯(cuò)的方法，大家可以參考下
    2014-02-02
  • Angular Js文件上傳之form-data

    Angular Js文件上傳之form-data

    angular-file-upload 是一個(gè)基于HTML5技術(shù)的文件上傳輕量級(jí) AngularJS指令（directive），當(dāng)瀏覽器不支持時(shí)轉(zhuǎn)為采用 FileAPI polyfill技術(shù)實(shí)現(xiàn)(基于Flash)。本文主要給大家介紹Angular Js文件上傳之form-data，需要的朋友可以參考下
    2015-08-08
  • 原生JS輪播圖插件

    原生JS輪播圖插件

    本文主要介紹了原生JS輪播圖插件。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
    2017-02-02
  • JavaScript+Canvas實(shí)現(xiàn)彩色圖片轉(zhuǎn)換成黑白圖片的方法分析

    JavaScript+Canvas實(shí)現(xiàn)彩色圖片轉(zhuǎn)換成黑白圖片的方法分析

    這篇文章主要介紹了JavaScript+Canvas實(shí)現(xiàn)彩色圖片轉(zhuǎn)換成黑白圖片的方法,結(jié)合實(shí)例形式分析了javascript結(jié)合HTML5相關(guān)函數(shù)修改頁(yè)面圖片元素顯示效果相關(guān)操作技巧,需要的朋友可以參考下
    2018-07-07
  • js使用xlsx讀取excel文件的詳細(xì)步驟

    js使用xlsx讀取excel文件的詳細(xì)步驟

    讀取excel文件是日常開發(fā)中經(jīng)常會(huì)遇到的一個(gè)需求,下面這篇文章主要給大家介紹了關(guān)于js使用xlsx讀取excel文件的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-09-09
  • JS中symbol的特點(diǎn)和用法詳解

    JS中symbol的特點(diǎn)和用法詳解

    在 JavaScript 中，Symbol用于表示獨(dú)一無(wú)二的標(biāo)識(shí)符，它是 ECMAScript 6引入的一個(gè)新特性，本文介紹了JS中的symbol的特點(diǎn)和用法,需要的朋友可以參考下
    2023-06-06
  • 微信小程序?qū)崿F(xiàn)頁(yè)面導(dǎo)航的方法詳解

    微信小程序?qū)崿F(xiàn)頁(yè)面導(dǎo)航的方法詳解

    這篇文章主要為大家詳細(xì)介紹一下微信小程序?qū)崿F(xiàn)頁(yè)面導(dǎo)航的幾種方法以及幫助大家掌握如何使用頁(yè)面之間的導(dǎo)航跳轉(zhuǎn)，感興趣的可以了解一下
    2022-07-07

最新評(píng)論