JS基础教程9——对象与类

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关键字可以使用父级的内容或者方法。