溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

javascript創建對象的幾種常見方法

發布時間:2021-09-08 17:55:17 來源:億速云 閱讀:184 作者:chen 欄目:web開發

本篇內容介紹了“javascript創建對象的幾種常見方法”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!

既然是面向對象,首先我們要知道如何創建一個對象,以下列出了創建對象的幾種常見方法:

A.直接創建一個對象實例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

//直接實例化一個對象

var Person1 = { Name: "夢在旅途", Age: 29, Sex: "男", Height: 178 };

alert(Person1.Name);

var Person2 = new Object();

Person2.Name = "夢在旅途";

Person2.Age = 29;

Person2.Sex = "男";

Person2.Height = 178;

alert(Person2.Name);

//這個是上面的簡寫

var Person3 = new Object({ Name: "夢在旅途", Age: 29, Sex: "男", Height: 178 });

alert(Person3.Name);

優點:直接創建一個對象,無需提前定義類型;

缺點:無法實現復用;

B.先定義后實例化對象:

1

2

3

4

5

6

7

8

9

10

//先定義類,再實例化成對象

function Person4(n,a,s,h) {

    this.Name = n;

    this.Age = a;

    this.Sex = s;

    this.Height = h;

}

var p4 = new Person4("夢在旅途", 29, "男", 178);

alert(p4.Age);

優點:類似面向對象編程語言的構造函數,容易理解,且定義后可通過new關鍵字實例化多個對象,實現復用。

缺點:需先定義后才能實例化;

綜上所述,建議采用B方法來創建對象。

實現封裝,即只暴露公共方法與公共屬性,隱藏實現細節(私有方法、屬性)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

function Person5(n, a, s, h) {

    //公共屬性

    this.Name = n;

    this.Age = a;

    this.Sex = s;

    this.Height = h;

    

    //公共方法

    this.AfterYear = function (count) {

        updateAge(count);

        alert(_currentYear +"后,我已經:" + this.Age +"歲了!");

    };

    this.Say = function () {

        alert("我的個人信息--> Name: "+ this.Name+", Age: "+ this.Age +", Sex: "+ this.Sex +", Height:" + this.Height);

    }

    //私有屬性與方法

    var _self = this;

    var _currentYear = 2015;

    function updateAge(count) {

        _currentYear += count;

        _self.Age += count;

    };

}

var p5 = new Person5("夢在旅途", 29, "男", 178);

p5.AfterYear(10);

p5.AfterYear(25);

利用原型鏈實現繼承,即一個對象包含另一個對象的所有公共屬性與方法,實現繼承的方法有很多,我覺得采用如下形式來模擬繼承更符合面向對象的思維:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

function SoftEngineer(n, a, s, h, lang) {

    Person5.call(this, n, a, s, h);//將Person5的所有屬性與方法包含到SoftEngineer中,從而實現繼承

    this.Lang = lang;

    this.SayCode = function () {

        alert("我是一名軟件工程師,我會" + this.Lang + "編程語言!");

    }

    this.Working = function () { };//空方法,類似面向對象中的虛方法

}

SoftEngineer.prototype = new Person5(); //將SoftEngineer的原型指定Person5的實例

var softengr = new SoftEngineer("夢在旅途", 29, "男", 178, "javascript");

softengr.Say();

softengr.SayCode();

利用原型鏈實現多態,即基于同一個方法簽名在不同的子類中表現的形式不同:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

function WebSoftEngineer(n, a, s, h, lang) {

    SoftEngineer.apply(this, [n, a, s, h, lang]);

    this.Working = function () {

        alert("我是網頁工程師,從事網頁開發設計工作!");

    };

};

WebSoftEngineer.prototype = new SoftEngineer();

function AppSoftEngineer(n, a, s, h, lang) {

    SoftEngineer.apply(this, [n, a, s, h, lang]);

    this.Working = function () {

        alert("我是應用工程師,從事客戶端應用程序開發設計工作!");

    };

};

AppSoftEngineer.prototype = new SoftEngineer();

var webengr = new WebSoftEngineer("夢在旅途", 29, "男", 178, "javascript");

webengr.Say();

webengr.Working();

var appengr = new AppSoftEngineer("夢在旅途", 29, "男", 178, "c#");

appengr.Say();

appengr.Working();

“javascript創建對象的幾種常見方法”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女