为什么ES6要新增import
在过去,我们会使用require()
函数来从外部文件或模块中引入函数或者代码。这时候会遇到一个问题:有些文件或者模块会特别大,但你却往往只需要引入其中的一些核心代码。
ES6 给我们提供了import
这个便利的工具。通过它,我们能够从外部的文件或者模块中选择我们需要的部分进行引入,从而节约载入的时间和内存空间。
举例
假如math_array_functions
拥有大概20个函数,但是我只需要countItems
这一个函数在我当前的文件里。使用老的require()
方式会强制我引入所有20个函数。而使用新的import
语法,我可以只引入需要的那个函数:
import { countItems } from "math_array_functions"
注意
在大括号里的函数名的两侧加上空格是一个最佳实践。