JavaScript基礎之靜態方法和實例方法的示例分析

小編給大家分享一下JavaScript基礎之靜態方法和實例方法的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

直接定義在構造函數上的方法和屬性是靜態的,  定義在構造函數的原型和實例上的方法和屬性是非靜態的

/* -- 靜態方法 -- */
function ClassA() { //定義構造函數
};
ClassA.func = function() { //在構造函數上添加一個屬性(因為函數也是對象)
  console.log("This is a static method");
}
var instance = new ClassA(); //新建一個實例
ClassA.func(); //This is a static method
instance.func(); //Error:instance.func is not a function

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

/* --- 實例方法 -- */
function ClassA() { //定義構造函數
};
ClassA.prototype.func = function() { //在構造函數的原型上添加方法
  console.log("This is an instance method.");
}
var instance = new ClassA(); //新建一個實例
ClassA.func(); // Error:ClassA.func is not a function
instance.func(); //This is an instance method.

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

// 定義在某個具體對象(實例)上的方法是實例方法
function ClassA() { //定義構造函數
};
var instance = new ClassA(); //新建一個實例
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代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼，可獲得如下運行結果：

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