模組化小基礎

2021-09-29 20:03:40 字數 1634 閱讀 7253

今天整理下模組化,從基本運用到實踐。

html直接雙擊開啟會報錯,需要在伺服器下執行。

lochost:8080

import 存在於變數提公升。

匯出模組如果內容有定時器更改,外面引入內容也會更改。

import 語法 不能寫入if()語句之類中的。

use strict 預設嚴格模式。

基礎1.

01.js

export const a = 1;

export const b = 12;

export const c = 115;

module.html

基礎201.js

拓展別名 as,

const a = 1;

const b = 12;

const c = 115;

export

module.html、

或者當前引入也可以別名
基礎3獲取所有匯出模組,

01.js

拓展別名 as,

const a = 1;

const b = 12;

const c = 115;

export

module.html、

export default 和 export區別export default 12;

import 不需要加

import a from 『01.js』

export const a=12;

import 需要加花括號

import from 『01.js』

01.js

const a = 1;

const b = 12;

const c = 115;

export,

export default 12;

module.html、

**動態載入模組import 採用promise機制 返回值 promise物件

01.js

const a = 1;

const b = 12;

const c = 115;

export

module.html、

then接收

import('./modules/01.js').then(res =>)
動態路徑

批量載入模組

SeaJS模組化基礎

測試sea.js 檔案 define function require,exports,module exports.b function btn on click function 對外屬性,也可以通過return語句直接返回介面,甚至簡化為define module.exports 檔案 def...

Js基礎 模組化語法

如何匯出變數 方法 物件。建立math1.js檔案,module表示當前模組 即 當前檔案math1.js exports是module上的屬性 module.exports function add a,b 如何引用其他檔案的變數 方法 物件。建立main2.js,並在其中引用模組中的add方法 ...

python 基礎篇 模組化

在做專案的時候,雖然你不可能把全世界的 都放到乙個資料夾下,但是類似模組化的思想還是要有的 那就是以專案的根目錄作為最基本的目錄,所有的模組呼叫,都要通過根目錄一層層向下索引的方式來 import。目錄結構 env.sh proto mat.py src main.py utils mat mul....