首页 > 代码库 > ECMAScript 6的导入和导出:import 、export
ECMAScript 6的导入和导出:import 、export
一 基本语法
import { dog , person , hero } from ‘./common.js‘; import { hello,Plane } from ‘./common.js‘; import { car , rain } from ‘./common.js‘; import shrimp from ‘./common.js‘; console.log(lottery); console.log(dog,person,hero); hello(); let plane = new Plane(‘波音787梦想飞机‘); plane.fly(); console.log(car); rain(); console.log(shrimp);
/****** 单个导出 ******/ // 导出变量 export var dog = ‘沙皮狗‘; export let person = ‘Leonardo Da Vinci‘; export const hero = ‘常山赵子龙‘; //导出函数 export function hello(){ console.log(‘hello‘); } // 导出类 export class Plane{ constructor(name){ this.name = name; } fly(){ console.log(this.name+‘起飞‘); } } /****** 批量导出 ******/ let car = ‘Ferrari 612‘; function rain(){ console.log(‘正在下雨‘); } export { car,rain }; /****** 默认导出 ******/ export default ‘雀尾螳螂虾‘; //export default function(){}; //export default class{};
二 其它事项
1 一个变量、函数、类只能被导出一次。
2 一个脚本最多只能有一个默认导出语句。
3 所有浏览器都不支持导入、导出语法。需要借助babel、webpack等。
ECMAScript 6的导入和导出:import 、export
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。