JavaScript 面向對象基礎簡單示例

 更新時間:2019年10月02日 10:30:50   作者:kevin.Xiang   我要評論
這篇文章主要介紹了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.nbuxue.icu');
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程序設計有所幫助。

相關文章

最新評論

北京pk赛车人工计划软件手机版