JavaScript原型初学者指南

Benedict Evans 发布于2019-08-29 17:07 / 2409人阅读

摘要：创建对象的最常用方法是使用花括号，并使用点表示法向对象添加属性和方法。当然，下一步是将逻辑封装在我们可以在需要创建新动物时调用的函数内部。我们将这种模式称为，我们将函数本身称为构造函数，因为它负责构造一个新对象。

视频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初学者

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/114120.html

JavaScript原型初学者指南

摘要：创建对象的最常用方法是使用花括号，并使用点表示法向对象添加属性和方法。当然，下一步是将逻辑封装在我们可以在需要创建新动物时调用的函数内部。我们将这种模式称为，我们将函数本身称为构造函数，因为它负责构造一个新对象。视频Videohttps://www.youtube.com/watch... 前言如果不好好的学习对象，你就无法在JavaScript中获得很大的成就。它们几乎是Java...

Barrior 2019-08-02 11:51 评论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