JavaScript基礎(chǔ)之靜態(tài)方法和實(shí)例方法分析
本文實(shí)例講述了JavaScript靜態(tài)方法和實(shí)例方法。分享給大家供大家參考,具體如下:
直接定義在構(gòu)造函數(shù)上的方法和屬性是靜態(tài)的, 定義在構(gòu)造函數(shù)的原型和實(shí)例上的方法和屬性是非靜態(tài)的
/* -- 靜態(tài)方法 -- */ function ClassA() { //定義構(gòu)造函數(shù) }; ClassA.func = function() { //在構(gòu)造函數(shù)上添加一個(gè)屬性(因?yàn)楹瘮?shù)也是對(duì)象) console.log("This is a static method"); } var instance = new ClassA(); //新建一個(gè)實(shí)例 ClassA.func(); //This is a static method instance.func(); //Error:instance.func is not a function
使用在線(xiàn)HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼,可獲得如下運(yùn)行結(jié)果:
/* --- 實(shí)例方法 -- */ function ClassA() { //定義構(gòu)造函數(shù) }; ClassA.prototype.func = function() { //在構(gòu)造函數(shù)的原型上添加方法 console.log("This is an instance method."); } var instance = new ClassA(); //新建一個(gè)實(shí)例 ClassA.func(); // Error:ClassA.func is not a function instance.func(); //This is an instance method.
使用在線(xiàn)HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼,可獲得如下運(yùn)行結(jié)果:
// 定義在某個(gè)具體對(duì)象(實(shí)例)上的方法是實(shí)例方法 function ClassA() { //定義構(gòu)造函數(shù) }; var instance = new ClassA(); //新建一個(gè)實(shí)例 instance.func = function() { console.log("This is an instance method.") } // ClassA.func(); // Error:ClassA.func is not a function instance.func(); //This is an instance method.
使用在線(xiàn)HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼,可獲得如下運(yùn)行結(jié)果:
更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專(zhuān)題:《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript 實(shí)現(xiàn)繼承的幾種方式
這篇文章主要介紹了JavaScript 實(shí)現(xiàn)繼承的幾種方式,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下2021-02-02JS面向?qū)ο?、prototype、call()、apply()
那天用到prototype.js于是打開(kāi)看看,才看幾行就滿(mǎn)頭霧水,原因是對(duì)js的面向?qū)ο蟛皇呛苁煜?,于是百?google了一把,最后終于算小有收獲,寫(xiě)此紀(jì)念一下^_^。2009-05-05BootStrap Fileinput插件和Bootstrap table表格插件相結(jié)合實(shí)現(xiàn)文件上傳、預(yù)覽、提交的導(dǎo)入E
這篇文章主要介紹了BootStrap Fileinput插件和Bootstrap table表格插件相結(jié)合實(shí)現(xiàn)文件上傳、預(yù)覽、提交的導(dǎo)入Excel數(shù)據(jù)操作步驟,需要的朋友可以參考下2017-08-08JavaScript架構(gòu)前端不能沒(méi)有監(jiān)控系統(tǒng)原因
這篇文章主要為大家介紹了為什么前端不能沒(méi)有監(jiān)控系統(tǒng)的原因,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06使用JS給靜態(tài)頁(yè)面添加搜索功能的實(shí)現(xiàn)方法
靜態(tài)頁(yè)面通常由HTML、CSS 和 JavaScript 等靜態(tài)文件組成,這些文件在服務(wù)器上不會(huì)動(dòng)態(tài)生成或修改,所以加載速度通常比較快,本文給大家介紹了如何只使用JS給靜態(tài)網(wǎng)頁(yè)添加站內(nèi)全局搜索功能,文中有詳細(xì)的解決方案,需要的朋友可以參考下2023-11-11js判斷頁(yè)面中是否有指定控件的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)js判斷頁(yè)面中是否有指定控件的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-03-03Js實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼時(shí)按鈕延遲操作
在做項(xiàng)目的時(shí)候,經(jīng)常遇到發(fā)短信驗(yàn)證碼的問(wèn)題,這時(shí)候需要用戶(hù)點(diǎn)完發(fā)送驗(yàn)證碼按鈕后,一段時(shí)間內(nèi)不能重復(fù)點(diǎn)擊,畢竟驗(yàn)證碼都是收費(fèi)的嘛,誰(shuí)都不想浪費(fèi),那么如何實(shí)現(xiàn)這種功能呢?下面來(lái)分享一下。2014-06-06