没有合适的资源?快使用搜索试试~ 我知道了~
CKevens#-#05-02.面向对象:类的定义和继承的几种方式1
需积分: 0 0 下载量 144 浏览量
2022-07-25
14:30:25
上传
评论
收藏 5KB MD 举报
温馨提示
前言类与实例:类的声明生成实例类与继承:如何实现继承:继承的本质就是原型链继承的几种方式类的定义、实例化类的定义/类的声明方式一:用构造函数模拟类(传统写法)/
资源推荐
资源详情
资源评论
---
title: 05-02.面向对象:类的定义和继承的几种方式
publish: true
---
## 前言
类与实例:
- 类的声明
- 生成实例
类与继承:
- 如何实现继承:继承的本质就是原型链
- 继承的几种方式
## 类的定义、实例化
### 类的定义/类的声明
**方式一**:用构造函数模拟类(传统写法)
```javascript
function Animal1() {
this.name = 'smyhvae'; //通过this,表明这是一个构造函数
}
```
**方式二**:用 class 声明(ES6的写法)
```javascript
class Animal2 {
constructor() { //可以在构造函数里写属性
this.name = name;
}
}
```
控制台的效果:
![](http://img.smyhvae.com/20180307_0957.png)
### 实例化
类的实例化很简单,直接 new 出来即可。
```javascript
console.log(new Animal1(),new Animal2()); //实例化。如果括号里没有参数,则括号可以省略
```
![](http://img.smyhvae.com/20180307_1000.png)
## 继承的几种方式
继承的本质就是原型链。
**继承的方式有几种?每种形式的优缺点是**?这些问题必问的。其实就是考察你对原型链的掌握程度。
### 方式一:借助构造函数
```javascript
function Parent1() {
this.name = 'parent1 的属性';
}
function Child1() {
Parent1.call(this); //【重要】此处用 call 或 apply 都行:改变 this 的指
点击阅读更多
资源评论
王者丶君临天下
- 粉丝: 20
- 资源: 265
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功