ES6 exports import 用法

来源:互联网 发布:java 设置语言环境 编辑:程序博客网 时间:2024/06/15 04:52
JavaScript 一直没有模块(module)体系,现在可以通过exports import 来实现,可以进行小功能的拆分。export 命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能1.运行环境搭建    1.1 本地安装node开发环境,可以通过命令行进行 node file.js ,进行编译运行。    1.2 借助Chrome插件ES6 Tepl,安装成功后会在开发者选项中增加Scritch Js,点击Toogle Output显示两个面板左侧ES6代码风格,右侧会自动编译成ES5风格代码。    1.3 使用微信小程序开发工具,微信小程序完全支持,ES6语法进行开发。2.代码编写//util.jsfunction formatTime(date) {  return 'Es6' + date;}function add(...arg) {  let count = 0;  arg.forEach((v, i) => {    count += v;  })  return count;}const VALUE = '1000';//导出函数以便在其他文件中通过 import 导入。//写法一、exports = module.exports = {  formatTime: formatTime,  add: add,  value:VALUE}//写法二、exports = module.exports = {  formatTime,  add,  VALUE}   //====================================================================================////index.js//方法一、将util的功能函数全部引入import util from '../../utils/util.js';util.add(1,2,3); //6util.VALUE; //'1000' //方法er、将util的功能函数按需导入,大括号中的值必须与module.exports中的key保持一致import {add, value}from '../../utils/util.js';util.add(1,2,3); //6util.VALUE; //'1000'
0 0
原创粉丝点击