学习笔记:ES6之模块化

(1)基本概念

(2)Es6的模块化语法

  • 模块的引入import
  • 模块的导出export

 

//导出变量,函数,类

第一种写法:--对应第(1)(2)种导出方法

export letA=123;

export functionTest(){

console.log('Test');

}

export classHello{

test(){

console.log('test');

}

}

第二种写法:--对应第(3)种导出方法----推荐使用

letA=123;

letTest=function(){

console.log('Test');

};

classHello{

test(){

console.log('test');

}

}

export default{

A,

Test,

Hello

}

 

//导入

(1)import{A,Test,Hello}from'./class/lesson17';//导入的内容逐个写,当内容很多的时候,不适用

(2)import*aslessonfrom'./class/lesson17';//全部一起导入,用的时候再针对性的取

console.log(lesson.A);

(3)importlessonfrom'./class/lesson17';

console.log(lesson.A);

猜你喜欢

转载自blog.csdn.net/qq_38658877/article/details/78065349