持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第1天,点击查看活动详情
JS基础教程9——对象与类
JavaScript 对象是拥有属性和方法的数据,例如一辆汽车,一只猫,一个人等,在 JavaScript中,几乎所有的事物都是对象。
创建对象
对象也是一个变量,但对象可以包含多个值(多个变量),每个值以 name:value 对呈现,例如:
var peron = {
name:"likuis",
id:1
};
访问对象
我们可以通过两种方式访问对象属性:
通过类似方法的形式访问
person.name;
通过类似数组的形式访问
person["name"];
对象方法
在对象中也可也写方法,例如:
var dog = {
name:"todo",
setName:function (name){
this.name = name;
}
}
访问对象方法
dog.setName("toto");
dog.name;
创建类
使用关键字class创建一个类,例如:
class car{
mc(name,year){
this.name=name;
this.year=year;
}
}
有类的时候可以使用new关键字来创建对象,例如:
var myCar = new car("Audi",2020);
构造方法
构造方法是一种特殊的方法:
- 它必须有确切的名称的 “constructor”
- 创建新对象时自动执行
- 用于初始化对象属性
- 如果您没有定义构造方法,JavaScript 会添加一个空的构造方法。
类方法
创建类方法的语法与对象方法相同。
请使用关键字 class 创建一个类。
请始终添加 constructor() 方法。
然后添加任意数量的方法.
例如:
class myMethod{
method1(){......};
method2(){......};
method3(){......};
method4(){......};
}
类继承
继承对于代码可重用性很有用,在创建新类时重用现有类的属性和方法。
使用 extends 关键字实现类的继承,例如:
class model extends car{
........
}
super方法
super方法表示父级的元素,在子级中使用super关键字可以使用父级的内容或者方法。