溫馨提示×

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

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何使用JavaScript進(jìn)行面向?qū)ο缶幊?/h1>
發(fā)布時(shí)間:2021-09-13 17:58:31 來(lái)源:億速云 閱讀:129 作者:小新 欄目:web開發(fā)

這篇文章主要為大家展示了“如何使用JavaScript進(jìn)行面向?qū)ο缶幊獭保瑑?nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“如何使用JavaScript進(jìn)行面向?qū)ο缶幊獭边@篇文章吧。

1. 對(duì)象,屬性,方法

1.1 對(duì)象字面量(Objectliteral)

在大括號(hào)中設(shè)置屬性,從而在JavaScript中創(chuàng)建一個(gè)新對(duì)象。對(duì)象字面量屬性值可以是任何數(shù)據(jù)類型,如函數(shù)字面量、數(shù)組、字符串、數(shù)字或布爾值。

下面創(chuàng)建一個(gè)命名圖書的對(duì)象,其屬性包括作者、出版年份、標(biāo)題和方法。

— summary.  constbook = { title: "Hippie", author: "Paulo Coelho", year: "2018" }

對(duì)象創(chuàng)建完成后,可以使用點(diǎn)記法獲取值。例如,可以使用book.title.獲取標(biāo)題的值,還可以使用方括號(hào)book[‘title’]訪問(wèn)屬性。

1.2 對(duì)象構(gòu)造函數(shù)(Objectconstructor)

對(duì)象構(gòu)造函數(shù)與常規(guī)函數(shù)相同。每次創(chuàng)建對(duì)象時(shí)都會(huì)用到。可將其與新關(guān)鍵字一起使用。當(dāng)需要?jiǎng)?chuàng)建具有相同屬性和方法的多個(gè)對(duì)象時(shí),對(duì)象構(gòu)造函數(shù)非常有用。

constbook = {  title: "Hippie",  author: "Paulo Coelho",  year: "2018"  }const book1 = {  title: "The Alchemist",  author: "Paulo Coelho",  year: "1988",  }

如果要?jiǎng)?chuàng)建多個(gè)書籍(book)對(duì)象,必須為每本書復(fù)制代碼。可以繼續(xù)創(chuàng)建 book對(duì)象,但這有點(diǎn)麻煩——不過(guò)對(duì)象構(gòu)造函數(shù)有助于再次使用對(duì)象字面量。

functionBook(title, author, year) {  this.title = title;  this.author = author;  this.year = year;  }const book1 = new Book ('Hippie', 'Paulo Coelho',  '2018');  console.log(book1);  > Book {  title: "Hippie",  author: "Paulo Coelho",  year: "2018"  }// if we want to create more than onebook just we call  function book with new keyword.const book2  = new Book ('TheAlchemist', 'Paulo Coelho', '1988');

book1 和 book2創(chuàng)建 Book的實(shí)例并將其分配給變量。想知道一個(gè)對(duì)象是否是另一個(gè)對(duì)象的實(shí)例??梢杂胕nstanceof。

book1 instanceof Book  > true

1.3 Object.create()方法

JavaScript中的每個(gè)對(duì)象都將從主對(duì)象創(chuàng)建。任何時(shí)候使用大寫字母“O”時(shí),指的都是主對(duì)象。我們可以在console控制臺(tái)中打印主對(duì)象。主對(duì)象有很多方法,下面來(lái)看object.create()方法。

如何使用JavaScript進(jìn)行面向?qū)ο缶幊?><br/></center><p>Object.create()創(chuàng)建法使用現(xiàn)有對(duì)象作為原型來(lái)創(chuàng)建新對(duì)象。基本語(yǔ)法如下:</p><pre>Object.create(proto,[propertiesObject])</pre><p>proto是新建對(duì)象的原型。 propertiesObject是一個(gè)可選項(xiàng)。</p><p>下面舉個(gè)簡(jiǎn)單的例子:</p><pre>constBook = {  summary : function() {  console.log(`${this.title} iswritten by ${this.author}.`)  }  }const book1 = Object.create(Book);  book1.author = "Paulo Coelho";  book1.title = "Hippie";console.log(book1.summary());  > Hippie is written by Paulo Coelho.</pre><p>以上的例子創(chuàng)建了一個(gè)原始對(duì)象book1,并為作者和標(biāo)題賦值??梢钥吹皆紝?duì)象中的匯總函數(shù):</p><center><img src=以上是“如何使用JavaScript進(jìn)行面向?qū)ο缶幊獭边@篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI