JS筆記 ES6模組

2022-09-19 05:03:11 字數 592 閱讀 4848

es6最大的改進就是引入了模組規範。

與關聯或者通過import語句載入的j**ascript檔案會被認定為模組。

模組匯入匯出:兩種匯入與兩種匯出一一對應

匯出:

const foo = "string foo";

預設匯出

export default foo ;

每個模組只有能乙個預設匯出

匯入:

import 語句會被提公升到模組的頂部

import foo from './modelea.js'

模組識別符號 -- 就是import from 後面那一串字串。在瀏覽器中通過識別符號原生載入模組,則檔案必須帶有.js副檔名,否則可能無法正確解析。

export  

import * as foo from './foo.js';

使用:foo.foo;

foo.bar;

foo.baz;

ES6模組學習筆記

1.目前其實我們所用到的import都是通過babel轉成require的,瀏覽器則是通過webpack等打包工具將這些 打包成乙個個檔案的 commonjs var b require b console.log b.a settimeout 1000 let a 1 settimeout a 2...

ES6學習筆記之ES6中的模組

1 import和export基本使用 重點 在es6中新增了js檔案的暴露和引入的新寫法 import和export node es6 require import exports.export module.exports default 使用export const 暴露函式名暴露函式,imp...

es6 模組化(es6學習筆記07)

模組化 是指將乙個大的程式檔案,拆分成許多小的檔案,然後將小檔案組合起來。功能模組主要由兩個命令構成 export和import 1.2.1 export 使用 1.分別暴露 export let book 西遊記 export function like 2.統一暴露 let book 西遊記 f...