JavaScript原型初學者指南

Barrior 發布于2019-08-02 11:51 / 437人閱讀

摘要：創建對象的最常用方法是使用花括號，并使用點表示法向對象添加屬性和方法。當然，下一步是將邏輯封裝在我們可以在需要創建新動物時調用的函數內部。我們將這種模式稱為，我們將函數本身稱為構造函數，因為它負責構造一個新對象。

視頻Video
https://www.youtube.com/watch...

前言

如果不好好的學習對象，你就無法在JavaScript中獲得很大的成就。它們幾乎是JavaScript編程語言的每個方面的基礎。在這篇文章中，您將了解用于實例化新對象的各種模式，并且這樣做，您將逐漸深入了解JavaScript的原型。

對象是鍵/值對。創建對象的最常用方法是使用花括號{}，并使用點表示法向對象添加屬性和方法。

let animal = {}
animal.name = "Leo"
animal.energy = 10

animal.eat = function (amount) {
  console.log(`${this.name} is eating.`)
  this.energy += amount
}

animal.sleep = function (length) {
  console.log(`${this.name} is sleeping.`)
  this.energy += length
}

animal.play = function (length) {
  console.log(`${this.name} is playing.`)
  this.energy -= length
}

如上代碼，在我們的應用程序中，我們需要創建多個動物。當然，下一步是將邏輯封裝在我們可以在需要創建新動物時調用的函數內部。我們將這種模式稱為Functional Instantiation，我們將函數本身稱為“構造函數”，因為它負責“構造”一個??新對象。

功能實例化

function Animal (name, energy) {
  let animal = {}
  animal.name = name
  animal.energy = energy

  animal.eat = function (amount) {
    console.log(${this.name} is eating.)
    this.energy += amount
  }

  animal.sleep = function (length) {
    console.log(${this.name} is sleeping.)
    this.energy += length
  }

  animal.play = function (length) {
    console.log(${this.name} is playing.)
    this.energy -= length
  }

  return animal
}

const leo = Animal("Leo", 7)
const snoop = Animal("Snoop", 10)

現在，每當我們想要創造一種新動物（或者更廣泛地說是一種新的“實例”）時，我們所要做的就是調用我們的動物功能，將動物的名字和能量水平傳遞給它。這非常有效，而且非常簡單。但是，你能發現這種模式的弱點嗎？最大的和我們試圖解決的問題與三種方法有關 - 吃飯，睡覺和玩耍。這些方法中的每一種都不僅是動態的，而且它們也是完全通用的。這意味著沒有理由重新創建這些方法，正如我們在創建新動物時所做的那樣。你能想到一個解決方案嗎？如果不是每次創建新動物時重新創建這些方法，我們將它們移動到自己的對象然后我們可以讓每個動物引用該對象，該怎么辦？我們可以將這種模式稱為功能實例化與共享方法

GPU云服務器云服務器 r語言初學者指南 javascript原型初學者javascript javascript初學者

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53163.html

JavaScript原型初學者指南

摘要：創建對象的最常用方法是使用花括號，并使用點表示法向對象添加屬性和方法。當然，下一步是將邏輯封裝在我們可以在需要創建新動物時調用的函數內部。我們將這種模式稱為，我們將函數本身稱為構造函數，因為它負責構造一個新對象。視頻Videohttps://www.youtube.com/watch... 前言如果不好好的學習對象，你就無法在JavaScript中獲得很大的成就。它們幾乎是Java...

Benedict Evans 2019-08-29 17:07 評論0 收藏0
JavaScript原型初學者指南

摘要：創建對象的最常用方法是使用花括號，并使用點表示法向對象添加屬性和方法。當然，下一步是將邏輯封裝在我們可以在需要創建新動物時調用的函數內部。我們將這種模式稱為，我們將函數本身稱為構造函數，因為它負責構造一個新對象。視頻Videohttps://www.youtube.com/watch... 前言如果不好好的學習對象，你就無法在JavaScript中獲得很大的成就。它們幾乎是Java...

roadtogeek 2019-08-23 12:37 評論0 收藏0
JavaScript 初學者教程（指南）

摘要：初學者教程系列旨在精選站內發布的，對學習本門技術具有指導意義的文章。是前端開發者使用的主要編程語言，隨著前端技術的發展，這門語言的邊界也得以不斷擴展。我們在這里選擇了與相關的經典文章，可以讓大家對如何學習這門語言有一些全面的認識。 SegmentFault 初學者教程系列旨在精選站內發布的，對學習本門技術具有指導意義的文章。 JavaScript 是前端開發者使用的主要編程語言，隨著前...

Charlie_Jade 2019-08-23 11:53 評論0 收藏0
JS程序

摘要：設計模式是以面向對象編程為基礎的，的面向對象編程和傳統的的面向對象編程有些差別，這讓我一開始接觸的時候感到十分痛苦，但是這只能靠自己慢慢積累慢慢思考。想繼續了解設計模式必須要先搞懂面向對象編程，否則只會讓你自己更痛苦。 JavaScript 中的構造函數學習總結。知識只有分享才有存在的意義。是時候替換你的 for 循環大法了~ 《小分享》JavaScript中數組的那些迭代方法~ ...

melody_lql 2019-08-22 11:22 評論0 收藏0
如何正確學習JavaScript

摘要：然而，雖然先生對無所不知，被譽為世界的愛因斯坦，但他的語言精粹并不適合初學者學習。即便如此，在后面我還是會建議把當做補充的學習資源。但目前為止，依然是學習編程的好幫手。周正則表達式，對象，事件，閱讀權威指南第，，，章。既然你找到這篇文章來，說明你是真心想學好JavaScript的。你沒有想錯，當今如果要開發現代網站或web應用（包括互聯網創業），都要學會JavaScript。而面對泛...

canger 2019-08-21 10:23 評論0 收藏0