ES6 语句(import、export、empty、语句块)

2017-08-28  本文已影响0人  Jack_Peng

import 语句

import语句用于从一个已经导出的外部模块或另一个脚本中导入函数,对象或原始类型。

import defaultMember from "module-name";  // 导入默认模块
import * as name from "module-name";   // 导入整个模块的内容。将name添加到当前作用域,其中包括所有导出绑定。
import { member } from "module-name";   // 导入模块的单个成员。将member添加到当前作用域。
import { member as alias } from "module-name";  // 导入成员并指定一个方便的别名。以下代码将alias添加到当前作用域。
import { member1 , member2 } from "module-name";  // 导入模块的多个成员。会将member1 和member2 都添加到当前作用域。
import { member1 , member2 as alias2 , [...] } from "module-name";  // 导入多个模块加别名
import defaultMember, { member [ , [...] ] } from "module-name";  // 导入已有命名的默认项。这两种情况下,默认导入项必须最先声明。
import defaultMember, * as name from "module-name";  // 导入命名空间。
import "module-name"; // 导入整个模块 使用模块副作用,不导入任何绑定。

name:指向导入模块的对象的名称。
member, memberN:将要导入的导出成员的名称。
defaultMember:将引用从模块默认导出的名称。
alias, aliasN:将引用命名导入的名称。
module-name: 要导入的模块的名称。

name 参数是将引用导出成员的名称。member参数指定独立成员,而name参数导入所有成员。如果模块导出单个默认参数,而不是一系列成员,name也可以是函数。

export 语句

export 语句 用于从给定的文件 (或模块) 中导出函数,对象或原语。

export { name1, name2, …, nameN }; //导出多个函数声明
export { variable1 as name1, variable2 as name2, …, nameN };
export let name1, name2, …, nameN; // also var
export let name1 = …, name2 = …, …, nameN; // also var, const

export default expression; // 默认导出
export default function (…) { … } // also class, function*
export default function name1(…) { … } // also class, function*
export { name1 as default, … };

export * from …;
export { name1, name2, …, nameN } from …;
export { import1 as name1, import2 as name2, …, nameN } from …;

nameN:导出的标识符(用来被其他脚本的import 导入)

empty语句

empty 语句 用来表明没有语句, 尽管JavaScript语法希望有语句会被执行.

语句块

语句块 (或其他语言中的 复合语句) 用来组织零个或多条语句. 用一对花括号界定语句块.

{
  statement_1;
  statement_2;
  ...
  statement_n;
}

statement_1, statement_2, statement_n:语句都包裹在语句块中.

上一篇 下一篇

猜你喜欢

热点阅读