欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript面向對象程序設計教程

 更新時間:2016年03月29日 11:48:43   作者:鱷山維蝦殼集思園  
這篇文章主要介紹了JavaScript面向對象程序設計教程的相關資料,需要的朋友可以參考下

JavaScript中對象的定義為:無序屬性的集合,其屬性可以包含基本值、對象或者函數(shù)??梢园褜ο笙胂蟪缮⒘斜?,就是一組名值對(key:value),其中值可以是數(shù)據(jù)或函數(shù),每個對象都是基于一個引用類型創(chuàng)建的。

理解對象

前面的博客里寫過創(chuàng)建對象的方式有兩種,一種是創(chuàng)建一個object的實例,另一種是使用對象字面量法:

var person = new Object();
person.sex = man;
person.name = bluce
person.age = 58;
person.sayHi() = function(){
console.log('Hello World!');
}

但更多的是采用下面一種方式

var person = {
sex:man,
name:'bluce',
age:'58',
sayHi:function(){
console.log('Hello World!');
}
}

創(chuàng)建對象

使用Object構造函數(shù)和對象字面量法都可以創(chuàng)建單個對象,但有明顯的缺點:使用同一個接口創(chuàng)建很多對象,會產生大量的重復代碼。常用的創(chuàng)建對象方式主要有工廠模式、構造函數(shù)模型、原型模式。

這里有自己的一個疑問:采用AMD規(guī)范后,編寫的單個js文件,可以看做一個模塊,也可以說是一個“類”,現(xiàn)在與JavaScript中的這個“類”概念有點混淆了,希望后面能分清應用場合吧。

關于JavaScript面向對象程序設計教程小編就給大家介紹到這里,希望對大家有所幫助!

 下面給大家補充JavaScript面向對象設計——工廠模式

 工廠模式是軟件工程領域一種廣為人知的設計模式,這種模式抽象了創(chuàng)建具體對象的過程,可以用函數(shù)來封裝以特定接口創(chuàng)建對象的細節(jié)。

之前在Java的DAO中用過這種設計模式,比較容易理解。

function createPerson(name,age,sex){
  var obj = new Object();
  obj.name = name;
  obj.age = age;
  obj.sex = sex;
  obj.sayHi() = function(){
    console.log(this.name);
  }; //引號不要漏掉,養(yǎng)成好的習慣
  return obj;
}
var person1 = createPerson("bluce",58,"man");
var person2 = createPerson("john",68,"man");

使用該函數(shù)可以根據(jù)接收的參數(shù)創(chuàng)建一個包含必要信息的Person對象??梢詿o數(shù)次地調用這個函數(shù),每次都會返回一個包含三個屬性和一個方法的對象。工廠模式解決了創(chuàng)建多個相似對象的問題,但沒有解決對象識別的問題(如何知道一個對象的類型)

相關文章

  • JavaScript避免代碼的重復執(zhí)行經驗技巧分享

    JavaScript避免代碼的重復執(zhí)行經驗技巧分享

    經常會發(fā)現(xiàn)一個問題,那就是重復的代碼執(zhí)行,下面就是一些在查看它們的源代碼時發(fā)現(xiàn)一些問題,把這些分享給大家,希望能讓你們更加簡潔高效的寫出JavaScript代碼
    2014-04-04
  • javascript數(shù)組去重方法匯總

    javascript數(shù)組去重方法匯總

    數(shù)組去重復是一個常見的需求,我們暫時考慮同類型的數(shù)組去重復。主要是理清思路和考慮下性能。以下方法,網上基本都有,這里只是簡單地總結一下。
    2015-04-04
  • JS打字效果的動態(tài)菜單代碼分享

    JS打字效果的動態(tài)菜單代碼分享

    這篇文章主要介紹了JS打字效果的動態(tài)菜單,推薦給大家,有需要的小伙伴可以參考下。
    2015-08-08
  • TypeScript入門-接口

    TypeScript入門-接口

    在TypeScript里,接口的作用就是為這些類型命名和為你的代碼或第三方代碼定義契約。本文將詳細介紹TypeScript接口的相關知識。
    2017-03-03
  • js+html5實現(xiàn)canvas繪制橢圓形圖案的方法

    js+html5實現(xiàn)canvas繪制橢圓形圖案的方法

    這篇文章主要介紹了js+html5實現(xiàn)canvas繪制橢圓形圖案的方法,涉及html5圖形繪制的基礎技巧,感興趣的朋友可以參考一下
    2016-05-05
  • JavaScript中的AOP編程的基本實現(xiàn)

    JavaScript中的AOP編程的基本實現(xiàn)

    面向切面編程給我們提供了一個方法,讓我們可以在不修改目標邏輯的情況下,將代碼注入到現(xiàn)有的函數(shù)或對象中。今天通過本文給大家分享JavaScript中的AOP編程的基本實現(xiàn)方法,需要的朋友參考下吧
    2021-07-07
  • JavaScript 大數(shù)據(jù)相加的問題

    JavaScript 大數(shù)據(jù)相加的問題

    寫一個函數(shù)處理大數(shù)據(jù)的相加問題,所謂的大數(shù)據(jù)是指超出了整型,長整型之類的常規(guī)數(shù)據(jù)類型表示范圍的數(shù)據(jù)。實現(xiàn)語言不限。
    2011-08-08
  • 詳解ES6中的let命令

    詳解ES6中的let命令

    let是ES6里面新的復制命令,let賦值命令只可以在{}代碼塊中被調用。這篇文章主要介紹了ES6中的let命令,需要的朋友可以參考下
    2016-12-12
  • 火狐下table中創(chuàng)建form導致兩個table之間出現(xiàn)空白

    火狐下table中創(chuàng)建form導致兩個table之間出現(xiàn)空白

    js加入form導致兩個table之間出現(xiàn)空白,還有另一種說法在table中創(chuàng)建form表單是不符合DOM標準的,會導致post失效,以及js數(shù)據(jù)傳輸失效
    2013-09-09
  • 微信小程序如何加載數(shù)據(jù)庫真實數(shù)據(jù)的實現(xiàn)

    微信小程序如何加載數(shù)據(jù)庫真實數(shù)據(jù)的實現(xiàn)

    這篇文章主要介紹了微信小程序如何加載數(shù)據(jù)庫真實數(shù)據(jù)的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-03-03

最新評論