ES6中的类和对象
1.面向对象
面向对象更贴近我们实际生活,可以使用面向对象描述现实世界事物。但是事物分为具体的事物和抽象的事物。
面向对象的思维特点:
1、抽取(抽象)对象共用的属性和行为组织(封装)成一个类(模板)。
2、对类进行实例化,获取类的对象。
面向对象编程我们考虑的是有哪些对象,按照面向对象的思维特点,不断的创建对象,使用对象,指挥对象做事情。
2.1对象
现实生活中:万物皆对象,对象是一个具体的事物,看得见摸得着的实物。
在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。
对象是由属性和方法组成的:
- 属性:事物的特征,在对象中用属性来表示(常用名词)
- 方法:事物的行为,在对象中用方法来表示(常用动词)
2.2类class
在ES6中新增加了类的概念,可以使用class关键字声明一个类,之后以这个类来实例化对象。
类抽象了对象的公共部分,它泛指某一大类(class)。
对象特指某一个,通过类实例化一个具体的对象。
2.3创建类
语法:
class name{
//class body
}
创建实例:
var xx = new name();
注意:类必须使用new实例化对象
2.4类constructor构造函数
**constructor()**方法是类的构造函数(默认方法),用于传递参数,返回实例对象,通过new命令生成对象实例时,自动调用该方法。如果没有显示定义,类内部会自动给我们创建一个constructor()。
//1.创建类class 创建一个 明星类
class Star {
constructor(uname,age){
this.uname = uname;
this.age = age;
}
}
//2.利用类创建对象 new
var ldh = new Star('刘德华',18);
var zxy = new Star('张学友',21);
console.log(ldh); // {uname: '刘德华', age: 18}
console.log(zxy); // {uname: '张学友', age: 21}
注意:
(1)通过class关键字创建类,类名我们还是习惯性定义首字母大写。
(2)类里面有个constructor函数,可以接收传递过来的参数,同时返回实例对象。
(3)constructor函数,只要new生成实例时,就会自动调用这个函数,如果我们不写这个函数,类也会自动生成这个函数。
(4)生成实例new不能省略。
(5)最后注意语法规范,创建类,类名后面不要加小括号,生成实例,类名后面加小括号,构造函数不需要加function.
2.5类添加方法
语法:
class Person{
constructor(name,age){
this.name = name;
this.age = age;
}
say(){
console.log(this.name + '哈喽');
}
}
例子:
class Person{
constructor(name,age){
this.name = name;
this.age = age;
}
sing(song){
console.log(this.name +" 在唱 "+ song);
}
}
var zs = new Person('张三',18);
var ls = new Person('李四',20);
//console.log(zs);
//console.log(ls);
zs.sing('星星');
ls.sing('月亮');
注意:
(1)我们类里面所有的函数不需要写function。
(2)多个函数方法之间不需要加逗号分隔。