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

79 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 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关键字可以使用父级的内容或者方法。

(点击进入专栏查看详细教程)