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))