ES6入門14 模組化

2021-09-13 03:27:35 字數 967 閱讀 2996

模組化就是為了使功能單一,把各個耦合性不高的功能抽離出來成單一的模組,每個模組提供單一的功能

export 匯出模組;import 匯入模組

module.js

export let a = 123;

export function test()

export class hello

}

index.js

// 1.基本用法

import from './class/module';

console.log(a, test()); // 123 "test"

// 2.只關心某些內容

import from './class/module';

console.log(a); // 123

// 3.* 和 as。* 表示匯入所有,as 表示起乙個別名

import * as module1 from './class/module';

console.log(module1.test()); // test

module.js

// 推薦寫法

let a = 123;

let test = function() ;

class hello

}// default 給匯出的物件不起名字,把權力交給引入方

export default

index.js

import module2 from './class/module';

console.log(module2.a); // 123

ES6基礎入門(六 模組化

1.模組化的概述 2.export和import的使用 3.export default 入口檔案,可以使用js檔案 import from export.js 匯入模組如果是基本資料型別,不能重新賦值 a 100 匯入模組如果是物件型別,可以重新賦值,但是要極其小心,不好查錯 person.nam...

es6 的模組化

這個是需要複習下的,否則後面的react vue 就理解不清晰了 我覺得js 很牛,為啥,因為前後端都是js 這樣結合起來,很順暢 而且node 作為後端,搭建輕量級伺服器,很是好用,寫個介面絲毫沒有任何問題 後面的基本三大塊,1,node express koa 2,三大框架,react vue ...

ES6的模組化

模組化的特點 1 模組 自動執行在嚴格模式下,沒有任何辦法跳出嚴格模式 2 在模組的作用域下建立的變數,不會被新增到全域性作用域中 3 如果外部可以讀取模組當中的內容,需要模組的匯出 4 模組頂級作用域的this為undefined 匯出資料 export var color pink export...