es6模块的开发 ES6规范基本使用

基本用法

es6 中新增了两个命令 export 和 import ,
export 命令用于规定模块的对外接口，
import 命令用于输入其他模块提供的功能。

import三种方式：

1、暴露模块分别暴露
2、暴露模块统一暴露
3、暴露模块默认暴露可以暴露任意数据类型；暴露的什么数据接收到的就是什么数据

第一种方式：module1.js

// 暴露模块  分别暴露
 
export function foo(){
   console.log('foo() module1') 
}
 
export function bar(){
    console.log('bar() module1')
}
 
export let arr = [1,2,3,4,5,6]

第二种方式：module2.js

//暴露模块  统一暴露
function fun(){
    console.log('fun() module1')
}
function fun2 (){
    console.log('fun() module2')
}
 
export{ fun, fun2}

第三种方式：module3.js

//暴露模块  默认暴露 可以暴露 任意数据类型； 暴露的什么数据 接收到的就是什么数据
//export default value
 
//1暴露的方法 一个脚本里面有一个   export default
export default ()=>{
    console.log('默认暴露 写什么暴露什么')
 
}
 
//2暴露对象
export default{
    msg:'我是谁我在哪',
    foo(){
 
    }
}

在 Mian.js 中的使用

//引入其他模块
import {foo,bar} from './module1'
import {fun,fun2} from './module2'
 
import module3 from './module3'
 
console.log(foo)
console.log('>>>>>>>>>>>')
console.log(fun)
 
//当为方法时
module3()
 
 
//当为对象时
module3.foo()

本文链接：https://blog.csdn.net/qq_44950078/article/details/121556648

智能推荐

es6规范

ECMAScript6 原文： https://github.com/starriness/es6-coding-style 本规范是基于JavaScript规范拟定的，只针对ES6相关内容进行约定如变量命名，是否加分号等约定的请参考JavaScript规范应注意目前的代码转换工具(如Babel，traceur)不够完善,有些特性须谨慎使用规范内容声明 Declarations 字符串 S...

1.let 取代 var ES6提出了两个新的声明变量的命令：let和const。其中，let完全可以取代var，因为两者语义相同，而且let没有副作用。 2.全局常量和线程安全在let和const之间，建议优先使用const；const声明常量还有两个好处，一是阅读代码的人立刻会意识到不应该修改这个值，二是防止了无意间修改变量值所导致的错误。 3.字符串静态字符串一律使用单引号或反引号，不使...

ES6规范

文章目录 ES6 规范 let —— 块声明符 const声明 ... 展开解构语法同名元素赋值省略原则箭头函数 for...in 和for...of的区别 ES6 规范 let —— 块声明符 let常用于在如函数体等花括号形成的块声明变量。其他自不必多说。这里重点将一下let和var的主要区别 var的声明无顺序要求，而let需要。也就是说...

es6规范

在ES6中，我们可以使用 import 关键字引入模块，通过 export 关键字导出模块，功能较之于前几个方案更为强大，也是我们所推崇的，但是由于ES6目前无法在浏览器中执行，所以，我们只能通过babel将不被支持的import编译为当前受到广泛支持的 require。 // 使用方法 -npm install babel-cli browserify -g -npm install babel...

ES6的使用

文章目录 var、let、const var 和 let 关键字之间的差异比较 var 和 let 关键字的作用域用 const 关键字声明只读变量改变一个用 const 声明的数组防止对象改变箭头函数简写高价箭头函数默认参数 rest和spread rest 剩余操作符(...) spread 扩展运算符(...) 解构赋值使用解构赋值从对象中分配变量使用解构赋值从嵌套对象中...

代码先锋网代码片段及技术文章聚合