React学习手册

30

｜

第

2

章

类和原型继承

使用类之后仍然意味着用户使用的是

JavaScript

的原型继承机制。细究

Vacation.

prototype

的内部细节，你会发现它的原型中包含了构造函数和

print

方法。

本书的内容将会涉及到类的概念，不过我们的重点会聚焦于函数式编程范式上。类还

有其他特性，比如

getters

、

setters

和静态方法，不过本书对函数式编程技术的推崇要

甚于面向对象技术。我们介绍上述内容是因为后续章节中创建

React

组件时会用到它

们。

ES6

模块

JavaScript

的一个模块表示可以被轻松地集成到其他

JavaScript

文件中的一段可复用代

码。直到最近，使用

JavaScript

模块的唯一方法是通过集成一个代码库来处理模块的

导入和导出。

注

3

现在，随着

ES6

规范的出现，

JavaScript

自身也为模块提供了支持。

JavaScript

模块可以存储在独立的文件中，一个文件对应一个模块。创建和导出一个

模块中的数据有两种方式：用户可以从一个独立模块中导出多个

JavaScript

对象，或

者从每个模块中导出一个

JavaScript

对象。

在示例

2-6

中，模块文件

text-helpers.js

中的两个函数将会被导出。

示例

2-6

：模块文件

./text-helpers.js

export

const print(message) => log(message, new Date())

export

const log(message, timestamp) =>

console.log(`${timestamp.toString()}: ...