ES6学习-Module

Jaden 发布于2019-08-26 11:58 / 938人阅读

摘要：导入整个模块的所有并用来表示这个模块名，后面的调用可以直接在这个对象上进行调用导入单个模块名，必须使用花括号从模块当中导入多个到当前的作用域当中导入输出的模块时，可以重命名默认值，默认值可以是一个对象，函数，类等同时导入默认值和输出的名字空

MDN Refrence

import

1.导入整个模块的所有export,并用namspace globalOBj来表示这个模块名，后面的调用可以直接在这个对象上进行调用

import * as globalObj from "./main/main.js"

2.导入单个模块名，必须使用花括号

import {foo} from "./main/main.js"

3.从模块当中导入多个export到当前的作用域当中

import {foo, bar} from "/modules/my.js"

4.导入输出的模块时，可以重命名

import {
    foo1 as f1,
    foo2 as f2
} from "./module.js"

5.默认值，默认值可以是一个对象，函数，类等

import default from "./module.js"

6.同时导入默认值和输出的名字空间,默认值的导入必须首先声明

import my, * as myModule from "/module.js"

import myDefault, {foo, bar} from "/modules/my-module.js";

export

命名空间的导出

默认值的导出,不能使用var,let,const作为默认导出的值

 // 导出数据
 export let girl = "mint"
 export const name = "Moshi"
 export var order = 1

 //导出默认值
 export default onlyU = "Mint"

// 导出函数
export function foo(){
    // do something
}

// 导出默认函数
export default function(){
    alert("Hello my girl")
}

// 导出的默认值可以被重命名为任何名字，在他被导入的时候
export default k = 12; // in test.js

import m from "./test"

console.log(m) // 12

兼容性

在HTML中需要添加defer属性来使用模块化

云服务器 GPU云服务器 es6module -module MODULE ES6

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107936.html

模块化的学习和理解

摘要：看到阮一峰大佬的内容里有这么一段目前还是不很理解为什么或者就可以建立一一对应的关系。和的区别之前一直没有考虑过他们之前的区别，今天又仔细研读了一下阮一峰的关于模块的讲解，觉得说的很好。最近在看vue源码，然后看到了rollup，然后又看到了模块化的概念，所以对模块化的概念进行一个学习和总结。以下就是我的学习成果，如果有什么不对的欢迎指教。模块化概念模块化存在的意义：开发者希望在开...

draveness 2019-08-26 13:49 评论0 收藏0
es6学习笔记-module_v1.0_byKL

摘要：学习模块不是对象，而是通过命令显式指定输出的代码，输入时也采用静态命令的形式。的模块自动采用严格模式命令用于规定模块的对外接口，命令用于输入其他模块提供的功能。该文件内部的所有变量，外部无法获取。 es6 学习-module_v1.0 ES6模块不是对象，而是通过export命令显式指定输出的代码，输入时也采用静态命令的形式。 ES6的模块自动采用严格模式 export命令用于规定模...

VishKozus 2019-08-20 14:43 评论0 收藏0
Javascript ES6学习

摘要：以下简称是语言的下一代标准。因为当前版本的是在年发布的，所以又称。命令用于规定模块的对外接口，命令用于输入其他模块提供的功能。需要特别注意的是，命令规定的是对外的接口，必须与模块内部的变量建立一一对应关系。 ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。最常用的ES6...

gclove 2019-08-20 14:46 评论0 收藏0
学习ES6

摘要：第二章学习函数的参数和扩展点为键上面那个参数箭头函数数组合并解构使用解决回调地狱问题，使结构更加清晰。概念是在推广过程中对模块定义的规范化产出。通过引入依赖规范服务端使用的规范。带名字的输出默认输出概念上面有讲注意事项，需掌握的东西 (第二章)学习ES6 函数的Rest参数和扩展 //ES5 function sum(x,y,z){ let total = 0; if(...

canger 2019-08-23 11:37 评论0 收藏0
前端20个灵魂拷问彻底搞明白你就是中级前端工程师【中篇】

摘要：前端个灵魂拷问，彻底搞明白你就是中级前端工程师上篇感觉大家比较喜欢看这种类型的文章，以后会多一些。所有依赖这个模块的语句，都定义在一个回调函数中，等到加载完成之后，这个回调函数才会运行。此规范其实是在推广过程中产生的。 showImg(https://segmentfault.com/img/bVbwAMU?w=700&h=394); 前端20个灵魂拷问，彻底搞明白你就是中级前端工程师...

MartinDai 2019-08-30 15:44 评论0 收藏0