ES6语法中的导出和导出export/import

ES6语法的导出和导入默认成员和非默认成员学习笔记

1.ES6语法中使用export导出成员或者函数,对应的导入时需要使用import

2.export导出默认函数和默认成员时一个模块(通常是一个js文件)只能有一个默认成员或者默认函数

(1)//导出默认函数

export default function(){

    console.log("这是ES6语法111");

}

对应导入时并使用示例

import bar from "./bar"  //导入

bar(); //调用

(2)//导出默认对象

export default{

    name:"张三",

    age:33

}

对应导入并使用

import obj from "./defaultObject"

console.log(obj)

console.log(obj.name)

3.导出导入非默认函数和非默认成员示例

//ES6语法导出默认函数,一个文件种只能 有一个默认函数或者一个默认对象

export default function(){

    console.log("这是ES6语法111");

}

//ES6导出非默认成员

export const x=1;

export const y=20;

//es6导出非默认函数,导出非默认函数时需要给函数定义一个名字

export function add(x1,x2){

    return x1+x2;

} 

对应导入并使用

import {x,y,add} from "./bar"   //导入bar文件种的x,y成员变量和add函数
console.log(x,y,add(10,30))

import * as bar from "./bar"   //*表示导入bar文件种的所有成员和函数,包含默认成员和默认函数
bar.default()

console.log(bar.x,bar.y,bar.add(20,30))

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章