摘要:創建對象創建單一對象構造函數創建對象直接創建單一對象單一對象適用于對象數量較少,創建屬性,方法都不同的對象。下面我使用了我們常用的創建,例如我們創建一個對象構造函數創建對象函數創建對象適用于屬性大多相同,需要較多對象時使用。
面向對象詳解 對象
JavaScript 中的所有事物都是對象:字符串、數值、數組、函數此外,JavaScript 允許自定義對象。
對象只是帶有屬性和方法的特殊數據類型。
創建 JavaScript 對象創建單一對象
構造函數創建對象
直接創建單一對象單一對象適用于對象數量較少,創建屬性,方法都不同的對象。
下面我使用了我們常用的 var 創建,例如我們創建一個dog對象
var dog = { name = "jack" }構造函數創建對象
函數創建對象適用于屬性大多相同,需要較多對象時使用。
function Dog(name){ this.name=name; } Dog.prototype.run = function(){ console.log("蹦蹦跳跳") } var dog = new Dog("jack")
構造函數的名字首字母需要大寫,之后再用.prototype.方法 綁定一個方法,最后創建dog對象需要在構造函數Dog前面加上一個new,傳進一個name參數。
在這里,我們需要明確一個概念,就是對象和類類是對象泛化(抽象)出來的
對象是由類創建出來的
對象叫類的具體實例
父子類 父類function A(x,y){ this.name=x, this.age=y } A.prototype.run=function(){ console.log("跑") }子類-繼承
如何讓子類繼承父類的屬性和方法,那么我們需要想下面這樣做
function B(x,y){ A.apply(this,arguments) } // 使B繼承了A的屬性 B.prototype=object.create(A.prototype) // 使B繼承了A的方法
那么我們又如何添加B自己的屬性和方法呢?
我們只需要向構建函數時候那樣添加就可以了
function B(x,y,z){ A.apply(this,arguments); this.hair=z; } B.prototype=object.create(A.prototype); B.prototype.jump=function(){ console.log("跳"); }你學會了嗎?
喜歡的點個贊唄。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/84998.html
摘要:看下面一個例子優點使用構造器函數的好處在于,它可以在創建對象時接收一些參數。按照慣例,構造函數的函數名應始終以一個大寫字母開頭,以區分普通函數。返回該對象的源代碼。使您有能力向對象添加屬性和方法。 基本概念 ECMA關于對象的定義是:無序屬性的集合,其屬性可以包含基本值、對象或者函數。對象的每個屬性或方法都有一個名字,而每個名字都映射到一個值。 類 在現實生活中,相似的對象之間往往都有...
摘要:個人前端文章整理從最開始萌生寫文章的想法,到著手開始寫,再到現在已經一年的時間了,由于工作比較忙,更新緩慢,后面還是會繼更新,現將已經寫好的文章整理一個目錄,方便更多的小伙伴去學習。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個人前端文章整理 從最開始萌生寫文章的想法,到著手...
摘要:原文地址詳解的類博主博客地址的個人博客從當初的一個彈窗語言,一步步發展成為現在前后端通吃的龐然大物。那么,的類又該怎么定義呢在面向對象編程中,類是對象的模板,定義了同一組對象又稱實例共有的屬性和方法。這個等同于的屬性現已棄用。。 前言 生活有度,人生添壽。 原文地址:詳解javascript的類 博主博客地址:Damonare的個人博客 ??Javascript從當初的一個彈窗語言,一...
閱讀 3621·2021-09-30 09:59
閱讀 2229·2021-09-13 10:34
閱讀 577·2019-08-30 12:58
閱讀 1507·2019-08-29 18:42
閱讀 2198·2019-08-26 13:44
閱讀 2922·2019-08-23 18:12
閱讀 3321·2019-08-23 15:10
閱讀 1625·2019-08-23 14:37