commonJS 和 es6规范 的引入导出

commonJS 和 es6规范 的引入导出

大家好,又见面了,我是全栈君。

index.js中定义:

var info = { name = 'sisi' };

1.定义变量的时候,不要用object变量名,有可能出现未知的错误。

2.输出用export {info}的时候,引入须用 import {info} from index.js 的形式,不可省略大括号。

3.输出用export{info as vm}的形式时,引入不能再用info这个接口了,只能用vm这个接口,即

import {vm} from index.js

4.重点:输出采用module.exports = info的时候,引入info也可以采用import.

import info from index.js

不可采用

import {info} from index.js

换句话说,CommanJS规范中的输出,也可以采用es6规范中的输入来引入。

当然,这种情况使用

var info = require('index.js');

也是正确的。

5.与上面第四条作对比,如果输出采用es6的export 。即 export {info} ; 或者 export default info;则模块引入info必须采用import,采用require行不通。

6.使用export输出的时候,引入必须要有{},例如demo.js

export const str = 'sisi';

export function func(){
   console.log('sisi');
}

引入的时候要用

import {str} from 'demo';
或
import {str, func} from 'demo';

不可使用

import str from 'demo';

但是使用

export default const str = 'sisi';

输出的时候
引入可以使用

import str from 'demo';

因为一个文件或者模块中只能有一个export default

以上结论均经过测试。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/108732.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 矩阵秩和伴随矩阵秩的关系「建议收藏」

    矩阵秩和伴随矩阵秩的关系「建议收藏」

  • Maven 菜鸟教程 2 项目目录结构

    Maven 菜鸟教程 2 项目目录结构目录结构说明src/main/javaapplicationlibrarysources-java源代码文件,会自动编译到classes文件夹下src/main/resourcesapplicationlibraryresources-资源库,会自动编译到classes文件夹下src/main/filtersresources

  • js 字符串截取substr和substring详解

    js 字符串截取substr和substring详解1.substr 方法返回一个从指定位置开始的指定长度的子字符串。stringObj.substr(start [, length ])参数stringvar:必选项。要提取子字符串的字符串文字或 String 对象。start:必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。length:选项。在返回的子字符串中应包括

  • matlab 用循环求和,matlab循环求和函数[通俗易懂]

    matlab 用循环求和,matlab循环求和函数[通俗易懂]matlab求和的出错symsum是符号运算,要先用syms定义符号变量用法详见docsymsum如何用matlab解带求和函数sum的方程举个例子吧:D=[345];A=7;fsolve(@(X)sum(10.^(X-D))-A,0)则ans=3.7998就这么简单.(还想补充说明一点,fsolve中第一个变量是一个函数句柄,第二个变量matlab求和.符号运算通过符号运算把这个式子拆开什么意…

  • thinkphp在app接口开发过程中的通讯安全认证

    thinkphp在app接口开发过程中的通讯安全认证

  • 最新仿金蝶电商ERP进销存系统软件源码 销售库存仓库财务管理收银系统网络版「建议收藏」

    最新仿金蝶电商ERP进销存系统软件源码 销售库存仓库财务管理收银系统网络版「建议收藏」源码说明:超强的工作流系统,强大的可视化工作流编辑器,灵活自定义表单设计,充分实现企业基于工作流的各项业务管理,与其他模块数据(如HRM等)完美结合。全面综合的任务系统,实现基于信息录入、单据管理、业务协作、工作流转、任务提醒、统计分析等的智能管理。所有单据均支持上传附件功能;且报价单、销售合同、采购订单、发货出库、入库单、派工单等所有模板均支持自定义编辑打印。集成功能实用的CRM系统、进销存系统、生产ERP系统,实现对客户销售、供应商采购、产品物料、库存统计、生产监控等的精细化管理,直观强大的销售

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号