ES6快速入门——类与对象

1. 类
- 1.1 定义类
- 1.2 构造函数
- 1.3 属性与方法
- - 1.3.1 属性
  - 1.3.1 方法
- 1.4 继承
- 1.5 重写
- 1.6 super
2. 对象
- 2.1 创建实例
- 2.2 调用对象中的方法

1. 类

1.1 定义类

关键字：class

class People{  }

1.2 构造函数

关键字：constructor

说明：构造函数在对象创建的时候就会自动调用

class People {constructor() { console.log('构造函数被调用了') }
}

1.3 属性与方法

1.3.1 属性

注意点：第一个this指向People实例，当然，此时的People还未创建实例，每个实例会独享一个内存空间，this就指向那个该实例的内存空间

class People {constructor(name) {this.name = name}
}

1.3.1 方法

注意点：在类中声明一个方法是不用加function关键字的

class People {constructor(name) {this.name = name}eat(){console.log(this.name,'正在吃东西...')}
}

1.4 继承

关键字：extends

说明：Student继承People类后，也就是子类继承父类后，会有父类中的属性与方法

class Student extends People { }

1.5 重写

说明：父类中有方法eat() 子类中如果再写一个同名方法 eat() 那么字类中的同名方法将覆盖父类中的同名方法

注意点：构造函数也能被重写

class Student extends People {eat(){console.log('儿子在吃……')}
}

1.6 super

说明：super能调用父类中的方法，调用方式为 super.functionName()，**super()**为调用父类构造函数

class Student extends People {constructor(){super(name)}eat(){console.log('儿子在吃……')}
}

2. 对象

2.1 创建实例

说明：定义People类后，用new即可创建一个实例对象

new People('My Name')

2.2 调用对象中的方法

let peo = new People('My Name')
peo.eat()

ES6快速入门——类与对象相关推荐

1~22（面向编程+ES6中的类和对象+类的继承+面向对象版tab栏切换）
1 面向对象编程介绍 1.1 两大编程思想面向过程面向对象 1.2 面向过程编程POP(Process-oriented programming) 面向过程就是分析出解决问题所需要的步骤,然后用函 ...
java与jquery的选择器区别_java day44【JQuery 基础：概念，快速入门，JQuery对象和JS对象区别与转换，选择器，DOM操作，案例】...
第一章JQuery 基础 1. 概念: 一个JavaScript框架.简化JS开发 * jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScrip ...
java day44【JQuery 基础：概念，快速入门，JQuery对象和JS对象区别与转换，选择器，DOM操作，案例】...
第一章 JQuery 基础 1. 概念: 一个JavaScript框架.简化JS开发 * jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScr ...
33 ES6中的类和对象
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.面向对象面向对象的思维特点: a.抽取(抽象)对象共有的属性和行为组织(封装)成一个 ...
ECMA2015(ES6)简单入门-9-对象-对象的扩展-对象的新增方法
对象的创建使用Object构造函数来创建一个对象使用对象字面量创建一个对象工厂模式创建对象构造函数模式创建对象原型模式创建对象本身也有缺陷,就是实例共享了引用类型friends,从下面的代 ...
UML轻松入门--类和对象
类是一种对本质相同事物的抽象,人类软件开发技术的发展历史,就是还事物以本源的历史,开发技术.名词越来越接近世界的真实,"面向对象"."类"就是这样的产物. 1类 ...
ES6快速入门（三）类与模块
类与模块一.类一)类的声明 class Person {constructor(name) {this.name = name;}sayName() {console.log(this.name) ...
JavaScript快速入门-ECMAScript本地对象（RexExp）
一.概述 RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具. 正则表达式是由一个字符序列形成的搜索模式. 当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容. 正则表达式 ...
JavaScript快速入门-ECMAScript本地对象(String)
一.String对象 String对象和python中的字符串一样,也有很多方法,这些方法大概分为以下种类: 1.索引和查找 1.charAt() 返回指定位置的字符. 2.charCodeAt( ...

ES6快速入门——类与对象

ES6快速入门——类与对象

1. 类

1.1 定义类

1.2 构造函数

1.3 属性与方法

1.3.1 属性

1.3.1 方法

1.4 继承

1.5 重写

1.6 super

2. 对象

2.1 创建实例

2.2 调用对象中的方法

ES6快速入门——类与对象相关推荐

最新文章

热门文章