JavaScript 面向對象基礎簡單示例

這篇文章主要介紹了JavaScript 面向對象基礎,結合簡單實例形式分析了JavaScript面向對象程序設計中類的定義、類方法與屬性相關操作技巧,需要的朋友可以參考下

本文實例講述了JavaScript 面向對象。分享給大家供大家參考，具體如下：

JavaScript  面向對象

• this：this代指對象(python self)
• 對象 = new 函數()：創建對象：添加“new 函數()”相當與創建對象
• 類名:prototype={方法} ： 創建類原型

類：

<script>
function Foo(n){
  this.name = n;
  this.sayName = function(){
    console.log(this.name)
  }
}
var obj1 = new Foo('jb51');
obj1.name
obj1.sayName()
var obj2 = new Foo('神馬文庫');
obj2.name
obj2.sayName ()
</script>

運行結果：

注：obj1~2 對象內存裏會重複調用this.sayName，從而增加內存損耗。
注：創建obj對象並傳入參數、obj1.name就是we。
注：obj1.sayNmae() 執行方法 調用obj1的name等於we。

類原型：

<script>
function Foo(n){
  this.name = n;
}
// Foo的原型
Foo.prototype = {
  'sayName': function(){
  console.log(this.name)
  }
}
var obj1 = new Foo('歡迎訪問');
obj1.name
obj1.sayName()
var obj2 = new Foo('www.jb51.net');
obj2.name
obj2.sayName()
</script>

運行結果：

注：每一個對象內只封裝了一個name。
注：調用obj1.sayName()時會先找Foo類，然後在去Foo的原型裏找sayName。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關於JavaScript相關內容感興趣的讀者可查看本站專題：《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。