JavaScript基礎(chǔ)之靜態(tài)方法和實(shí)例方法的示例分析

小編給大家分享一下JavaScript基礎(chǔ)之靜態(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ù)也是對象)
  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

使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼，可獲得如下運(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.

使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼，可獲得如下運(yùn)行結(jié)果：

// 定義在某個(gè)具體對象(實(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.

使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼，可獲得如下運(yùn)行結(jié)果：

以上是“JavaScript基礎(chǔ)之靜態(tài)方法和實(shí)例方法的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！