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