介绍 JavaScript 对象

在 JavaScript 中,大多数事物都是对象,从核心 JavaScript 功能(如数组)到构建在 JavaScript 之上的浏览器 API。您甚至可以创建自己的对象,将相关的函数和变量封装到高效的包中,并充当方便的数据容器。如果您想进一步了解这门语言,理解 JavaScript 的基于对象特性非常重要,因此我们提供了此模块来帮助您。在这里,我们将详细讲解对象理论和语法,然后探讨如何创建您自己的对象。

先决条件

在开始学习本模块之前,您应该对 HTMLCSS 有一定的了解。建议您在开始学习 JavaScript 之前,先完成 HTML 入门CSS 入门 模块。

在详细了解 JavaScript 对象之前,您也应该对 JavaScript 基础知识有所了解。在尝试学习本模块之前,请先完成 JavaScript 初步JavaScript 构建块

注意:如果您在无法创建自己的文件的计算机/平板电脑/其他设备上工作,您可以尝试在在线编码程序(如 JSBinGlitch)中运行(大部分)代码示例。

指南

对象基础

在第一篇关于 JavaScript 对象的文章中,我们将了解基本的 JavaScript 对象语法,并回顾我们在课程早期已经学习过的一些 JavaScript 功能,重申您已经使用过的大多数功能实际上都是对象这一事实。

对象原型

原型是 JavaScript 对象彼此继承特征的机制,并且它们的工作方式与经典面向对象编程语言中的继承机制不同。在本文中,我们探讨了原型链的工作原理。

面向对象编程

在本文中,我们将描述“经典”面向对象编程的一些基本原理,并探讨它与 JavaScript 中的原型模型的不同之处。

JavaScript 中的类

JavaScript 为想要实现“经典”面向对象程序的人提供了一些功能,在本文中,我们将描述这些功能。

使用 JSON 数据

JavaScript 对象表示法 (JSON) 是一种基于 JavaScript 对象语法的表示结构化数据的标准文本格式,通常用于在 Web 上表示和传输数据(即,从服务器发送一些数据到客户端,以便可以在网页上显示)。您会经常遇到它,因此在本文中,我们将为您提供使用 JavaScript 处理 JSON 所需的一切,包括解析 JSON 以便您可以访问其中的数据项,以及编写您自己的 JSON。

对象构建练习

在之前的文章中,我们了解了所有必要的 JavaScript 对象理论和语法细节,为您提供了坚实的基础。在本文中,我们将深入探讨一个实践练习,让您在构建自定义 JavaScript 对象方面获得更多实践经验,从而产生一些有趣且丰富多彩的东西——一些彩色的弹跳球。

评估

为我们的弹跳球演示添加功能

在本评估中,您需要使用上一篇文章中的弹跳球演示作为起点,并向其中添加一些新的有趣功能。

另请参阅

学习 JavaScript

一个面向有抱负的 Web 开发人员的优秀资源——在一个交互式环境中学习 JavaScript,包含简短的课程和交互式测试,由自动化评估引导。前 40 节课免费,完整课程只需支付少量的一次性费用。