高级 JavaScript 对象

在 JavaScript 中,大多数事物都是对象,从核心 JavaScript 特性(如数组)到构建在 JavaScript 之上的浏览器 API。您还可以创建自己的对象,将相关的函数和变量封装到高效的包中,并充当方便的数据容器。

深入了解 JavaScript 对象的工作原理,有助于您在 Web 开发中建立信心,开始构建更复杂的应用程序,并创建自己的库。本模块将通过提供 JavaScript 对象理论和面向对象编程实践来帮助您。

预备知识

在开始本模块之前,您应该已经掌握了 JavaScript 的基础知识,特别是 JavaScript 对象基础。熟悉 HTMLCSS 也会有所帮助。

注意:如果你正在使用的电脑、平板电脑或其他设备无法创建文件,你可以尝试在在线编辑器中运行代码,例如CodePenJSFiddle

教程与挑战

对象原型

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

面向对象编程

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

JavaScript 中的类

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

对象构建实践

在之前的文章中,我们研究了所有重要的 JavaScript 对象理论和语法细节,为您打下了坚实的基础。在本文中,我们将深入进行一个实际练习,让您有更多机会构建自定义 JavaScript 对象,从而创建一些有趣而多彩的东西——一些彩色弹跳球。

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

在此挑战中,您需要以上一篇文章中的弹跳球演示为起点,并为其添加一些新颖有趣的功能。

检验你的技能

您会在教程文章之间找到“测试您的技能”文章,以检查您在继续学习之前是否已掌握最重要的信息。如果您想一次性查看所有这些内容,可以在 测试您的技能:高级 JavaScript 对象 中找到它们的列表。

另见

学习 JavaScript

对于有抱负的 Web 开发人员来说,这是一个极好的资源——在交互式环境中学习 JavaScript,包括短课程和交互式测试,并通过自动化评估进行指导。前 40 节课是免费的,完整课程只需一次小额付款。