|
1
2
3
4
5
6
|
var
testdata=
'sdfkshdf'
;
//export testdata;//err
export
{testdata as ms};
export
var
firstName =
'Michael'
;
export
var
lastName =
'Jackson'
;
export
var
year = 1958;
|
|
1
2
3
4
|
import
$ from
'jquery'
;
import
lastName from
'./index2.js'
;
import
{ms} from
'./index2.js'
;
console.log(ms,
'2'
)
|
export {testdata as ms}; 這樣的導出方式，意思是導出文件接口的子對象到外面
直接//export testdata;//err 這種方式是會報錯的，因為不能直接導出變量，需要用一個接口來繼承變量然后導出，比如 export var firstName = 'Michael'; firstname 就是接口
|
1
2
|
var
testdata=
'sdfkshdf'
;
export
var
abc=testdata;
//var一個接口abc，然后這個接口繼承一個變量的值，然后導出，然后外面直接訪問abc即可得到testdata的值了
|
|
1
|
export
{a,b,c}
//這種方式代表導出a,b,c 作為文件接口的子對象導出到外面
|
|
1
2
3
4
|
import
$ from
'jquery'
;
import
lastName from
'./index2.js'
; 導入模塊的lastName的接口
import
{ms} from
'./index2.js'
;
//導入模塊的子對象ms
console.log(ms,
'2'
)
|
|
1
2
3
4
5
6
7
8
9
|
var
data=
'sdflsdfjsdjf'
;
export
default
data;
/
import
:
import
data from
'./index2.js'
;
console.log(data,
'2'
)
|
上面這樣的輸出方式是正確的方式。
如果：
|
1
|
export
default
data=
'sdfsdjfdf'
;
|
這樣的方式是錯誤的，外面不能得到data定義的值，且data定義的值也不會生效。