关于es6:ES6模块化改变前端的原生开发方式

ES6 推出的模块化，应用形式有点相似 require.js，只须要引入一个入口文件即可，其余的 js 文件能够按性能创立及引入，export 导出办法属性，而后 import 引入应用，这个新个性可能在将来会引来原生开发的热潮，不须要三方框架（vue、react）即可自在应用模块化开发，而且目前浏览器市场快对立了，就连 IE 也放弃了本人的内核应用 google webkit 内核了，而且电脑也是默认装备了 IEAdge 浏览器，想想就感觉爽。

PS：应用模块化加载，须要服务器环境，也就是得通过 localhost 拜访，而且 script 标签也得加上 type="module" 申明

一、根本示例

a.js

export default function a1() {console.log('a1')
}

index.html

<script type="module">
import a1 from './a.js'
a1() // a1
</script>

二、解构赋值

c.js

export function c1() {console.log('c1')
}

export function c2() {console.log('c2')
}

index.html

<script type="module">
import {c1, c2} from './c.js'
c1() // c1
c2() // c2
</script>

三、js 文件引入

a.js

export default function a1() {console.log('a1')
}

b.js

import a1 from './a.js'

export default function b1() {a1()
    console.log('b1')
}

index.html

<script type="module">
import b1 from './b.js'
b1() // a1, b1
</script>

四、标签引入

d.js

import a1 from './a.js'
a1()

console.log('d1')

index.html

<script type="module" src="./d.js"></script>

综合上述几种状况，是不是感觉同 vue 或 react 开发应用形式一样，只不过这里须要通过 script 模块类型申明，但要晓得这是原生的啊，不必搭建一套脚手架即可间接应用，如果是做一些零碎我的项目话能够思考间接“下马”。

更多前端常识，请关注小程序，不定期有惊喜！