关于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() // c1c2() // 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 模块类型申明，但要晓得这是原生的啊，不必搭建一套脚手架即可间接应用，如果是做一些零碎我的项目话能够思考间接“下马”。

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