在使用 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 適用於...