类
class关键字
定义类
/*
* class 关键字 创建类
* */
class Person{}
constructor
构造函数
注意：
1.构造函数 是一个特殊的函数
在实例化对象（new）的时候 就会自动调用这个函数
2.不一定必须实现构造函数->可以省略
如
/*
* class 关键字 创建类
* */
class Person{}
/*
* ES6 构造函数
* */
class Animation{
constructor(...args) {
console.log(args);
}
}
new Animation(1,2);
new Person();
属性
原型属性
实例属性
class ImageView{
//原型属性
path = "";
constructor() {
this.ttt = "实例属性"
}
}
set get 方法
防止类中的set get方法的递归调用
get hname(){
return this.hname;
}
set hname(_name){
console.log(_name);
this.hname = _name;
}
注意 使用set get方法的属性名前 添加_
class Hero {
constructor(_name) {
this.hname = _name;
}
get hname(){
return this._hname;
}
set hname(_name){
console.log(_name);
this._hname = _name;
}
}
静态属性 静态方法
需要使用 static 关键字
class Weapon{
static type = "魔法装";
static att(){
console.log("攻击")
}
}
console.log(Weapon.type);
Weapon.att();
继承
使用extends 实现继承
super
调用父类的构造函数
如
class Student{
constructor() {
console.log("我要学到很多知识");
}
study(){console.log("好好学习")}
}
//extends 关键字 可用于继承
class TangZhi extends Student{
constructor() {
//使用父类的构造函数
super();
console.log("我得学好了 找个合心的工作");
}
}
let haoXueSheng = new TangZhi();
haoXueSheng.study();
模块
把具有相同功能的代码 组织到一起 ->这一块 代码 就可以看成一个模块
ES6
1.引入js 需要添加type属性 属性值是module
<script src="StringTool.js" type="module"></script>
2.导出模块 导入模块
导出模块
export
1.
export {obj999，obj777} 可以同时导出多个 对象
2.导出一个模块
export default StringTool;
导入模块
import
1. import {obj999,obj777} from "./StringTool.js" 可以同时导入多个对象
console.log(obj999)
2.导入一个模块
import StringTool from "./StringTool.js";
as 给模块 重命名
export {StringTool as ST}
import {ST} from "./StringTool";
