返回列表 回复 发帖

[JavaScript] es6中的import

import React, { Component } from 'react';
我们就从头开始看。首先是在 JS 当中引用其他库文件的语法变化。之前我们一般都是通过 require 方法把库文件导出的方法保存在一个变量中。在 ES6 当中引入了一组个新的关键字 import/export,如果有同学对 Java 或 Python 有所了解的话,对 import 语句应该不会感到陌生,一般我们都会在文件的开头引入我们需要使用的模块或方法。

我们在一个文件中导入的模块或方法是从另一个文件中导出的。如果是使用 export default 语句导出的方法,我们直接定义其变量名称,这样的方法每个文件只能导出一个:
  1. // myFunction.js
  2. export default function() {
  3.   console.log('This is default function!');
  4. }
  5. // index.js
  6. import myFunction from 'myFunction';
复制代码
仅用 export 导出的方法,在使用时,则需要把它们包含在大括号里:
  1. // myAnotherFunction.js
  2. export const foo = 'bar';
  3. export function bar() {
  4.   console.log('foo');
  5. }
  6. // index.js
  7. import { foo, bar } from 'myAnotherFunction';
复制代码
返回列表