寒假学习——ES6（4）

寒假学习——ES6（4）

class

• 

• static标注的属性和方法属于类不属于实例对象，要用类名调用

• class的类继承

class的get set方法

//注意就是有一个隐含的不用声明的成员属性

数值扩展

对象方法扩展

• 

模块化介绍

• 概念：将一个大的程序文件拆分成很多小的文件然后将小文件组合起来
• 模块化的优势
  • 防止命名冲突
  • 代码复用
  • 高维护性
• 模块功能：
  • 2个命令组成：export和import
    • export命令用于规定模块对外的接口（在需要暴露的数据前面加上export即可）
    • import命令用于输入其他模块提供的功能

 


//分别暴露
export let paopao='哈哈哈2048';
export function chui(){
    console.log("吹泡泡");
}

//统一暴露
export{paopao,chui};


//默认暴露
export default{
	paopao='哈哈哈2048';
	chui:function(){
		console.log("吹泡泡");
	}
}

• 

• 引入模块

//通用导入
import * as newm from "./newm.js";

//解构赋值形式
import {paopao,chui}  from "./newm.js";//as后面的是别名
import {default as m2} from "./m3.js"

//简便形式，针对默认暴露
import m3 from "./m3.js"

• 浏览器使用es6模块

//在index页面写入js文件的引入标签,即利用src属性引入一个入口文件


//test.js中直接用import语句即可