国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript之面向對象_動力節點Java學院整理

2019-11-19 16:13:24
字體:
來源:轉載
供稿:網友

JavaScript的所有數據都可以看成對象,那是不是我們已經在使用面向對象編程了呢?

當然不是。如果我們只使用Number、Array、string以及基本的{...}定義的對象,還無法發揮出面向對象編程的威力。

JavaScript的面向對象編程和大多數其他語言如Java、C#的面向對象編程都不太一樣。如果你熟悉Java或C#,很好,你一定明白面向對象的兩個基本概念:

1.類:類是對象的類型模板,例如,定義Student類來表示學生,類本身是一種類型,Student表示學生類型,但不表示任何具體的某個學生;

2.實例:實例是根據類創建的對象,例如,根據Student類可以創建出xiaoming、xiaohong、xiaojun等多個實例,每個實例表示一個具體的學生,他們全都屬于Student類型。

所以,類和實例是大多數面向對象編程語言的基本概念。

不過,在JavaScript中,這個概念需要改一改。JavaScript不區分類和實例的概念,而是通過原型(prototype)來實現面向對象編程。

原型是指當我們想要創建xiaoming這個具體的學生時,我們并沒有一個Student類型可用。那怎么辦?恰好有這么一個現成的對象:

var robot = { name: 'Robot', height: 1.6, run: function () {  console.log(this.name + ' is running...'); }};

我們看這個robot對象有名字,有身高,還會跑,有點像小明,干脆就根據它來“創建”小明得了!

于是我們把它改名為Student,然后創建出xiaoming:

var Student = { name: 'Robot', height: 1.2, run: function () {  console.log(this.name + ' is running...'); }};var xiaoming = { name: '小明'};xiaoming.__proto__ = Student;

注意最后一行代碼把xiaoming的原型指向了對象Student,看上去xiaoming仿佛是從Student繼承下來的:

xiaoming.name; // '小明'xiaoming.run(); // 小明 is running...

xiaoming有自己的name屬性,但并沒有定義run()方法。不過,由于小明是從Student繼承而來,只要Student有run()方法,xiaoming也可以調用:

JavaScript的原型鏈和Java的Class區別就在,它沒有“Class”的概念,所有對象都是實例,所謂繼承關系不過是把一個對象的原型指向另一個對象而已。

如果你把xiaoming的原型指向其他對象:

var Bird = { fly: function () {  console.log(this.name + ' is flying...'); }};xiaoming.__proto__ = Bird;

現在xiaoming已經無法run()了,他已經變成了一只鳥:

xiaoming.fly(); // 小明 is flying...

在JavaScrip代碼運行時期,你可以把xiaoming從Student變成Bird,或者變成任何對象。

請注意,上述代碼僅用于演示目的。在編寫JavaScript代碼時,不要直接用obj.__proto__去改變一個對象的原型,并且,低版本的IE也無法使用__proto__。Object.create()方法可以傳入一個原型對象,并創建一個基于該原型的新對象,但是新對象什么屬性都沒有,因此,我們可以編寫一個函數來創建xiaoming:

// 原型對象:var Student = { name: 'Robot', height: 1.2, run: function () {  console.log(this.name + ' is running...'); }};function createStudent(name) { // 基于Student原型創建一個新對象: var s = Object.create(Student); // 初始化新對象: s.name = name; return s;}var xiaoming = createStudent('小明');xiaoming.run(); // 小明 is running...xiaoming.__proto__ === Student; // true
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 垦利县| 宝清县| 红安县| 饶阳县| 绵竹市| 双牌县| 溆浦县| 交城县| 仁怀市| 台安县| 德庆县| 绿春县| 基隆市| 历史| 昌江| 会宁县| 定襄县| 曲松县| 濮阳县| 东丰县| 西乌| 凤庆县| 磐安县| 大厂| 固阳县| 内乡县| 莱州市| 永安市| 云和县| 丹东市| 体育| 锦州市| 宁陕县| 玛曲县| 鄂州市| 辉南县| 宁海县| 普格县| 疏勒县| 仪征市| 鲁山县|