js模組化 預設匯出 export default

2021-10-23 17:32:27 字數 3607 閱讀 7707

在使用 export 匯出後,import 匯入時需要使用花括號對應模組。使用 export default 後,可以省略花括號。

defaultmyclass.js

class

myclass

myclass.prototype.

hello

=function()

export

;

jstestdefaultmyclass.html

type

="module"

>

import theclass from

"./defaultmyclass.js"

; console.

log(theclass)

;let theclass =

newtheclass()

; theclass.

hello()

;script

>

執行效果:

defaultmyclass.js

class

myclass

myclass.prototype.

hello

=function()

class

newclass

newclass.prototype.

hello

=function()

export

;

jstestdefaultmyclass.html

type

="module"

>

import theclass from

"./defaultmyclass.js"

; console.

log(theclass)

;let theclass =

newtheclass()

; theclass.

hello()

;script

>

執行效果:

defaultmyclass.js

class

myclass

myclass.prototype.

hello

=function()

class

newclass

newclass.prototype.

hello

=function()

export

;

jstestdefaultmyclass.html

type

="module"

>

import theclass,

from

"./defaultmyclass.js"

; console.

log(theclass)

;let theclass =

newtheclass()

; theclass.

hello()

; console.

log(myclass)

;let myclass =

newmyclass()

; myclass.

hello()

;script

>

執行效果:

defaultmyclass.js

class

myclass

myclass.prototype.

hello

=function()

class

newclass

newclass.prototype.

hello

=function()

class

greyclass

greyclass.prototype.

hello

=function()

export

;

jstestdefaultmyclass.html

type

="module"

>

import theclass,

from

"./defaultmyclass.js"

; console.

log(theclass)

;let theclass =

newtheclass()

; theclass.

hello()

; console.

log(newgreyclass)

;let greyclass =

newnewgreyclass()

; greyclass.

hello()

; console.

log(newclass)

;let newclass =

newnewclass()

; newclass.

hello()

; console.

log(myclass)

;let myclass =

newmyclass()

; myclass.

hello()

;script

>

執行效果:

defaultmyclass.js

class

myclass

myclass.prototype.

hello

=function()

function

hello()

var obj =};

var age =18;

export

default

;

jstestdefaultmyclass.html

type

="module"

>

import mymodules from

"./defaultmyclass.js"

; console.

log(mymodules)

;let myclass =

newmymodules.myclass()

; myclass.

hello()

; mymodules.

hello()

; mymodules.obj.

hello()

; console.

log(

"age="

,mymodules.age)

;script

>

執行效果:

Js模組化匯入匯出

1.js var a 1 varb function module.exports 1 1.js var m1 require 1.js console.log m1.a 1 m1.b 1 1 2.js import m1 from 1.js console.log m1.a 1 m1.b 1 or...

模組化 import和export

關於js模組化的使用,大家肯定不陌生,現有的主要兩種 cmd和amd,還有一種相容cmd和amd寫法的umd。一般前端框架都支援amd,而node.js採用的是cmd的模組語法。但大部分瀏覽器不支援,相信以後瀏覽器肯定會逐步支援的。export 基本用法兩種 1直接匯出 export functio...

js 模組化補充

補充 除了第一種的套路,還可以這樣使用第二種。都是用來自執行函式的。第二種的好處是,還可以返回乙個true。常用 function 小技巧 如果不加上!會報錯,加上之後還能返回true呢。但由於衡返回true。所以只有某些函式是只執行,不在於返回結果的可以用這種。function 相容套路1 適用於...