ES6深入浅出-8 新版的类(下集)-1.简单语法

Posted wangjunwei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6深入浅出-8 新版的类(下集)-1.简单语法相关的知识,希望对你有一定的参考价值。

技术图片

回顾

技术图片
当你声明一个空的对象obj的时候,会生成一块内存这个内存里面什么都没有,自由__proto__存在401的地址。
技术图片
也就是Object的protototype在内存中的地址

技术图片
技术图片

技术图片

技术图片
通过函数创建类。这就是构造函数的由来。
技术图片
用函数来创建某一类的对象,这个函数就叫做构造函数。

技术图片

公有属性和私有属性

技术图片


技术图片

class

技术图片

constructor用来构造自有属性。
技术图片
公有属性
  技术图片 
p1的walk和p2的walk是同一个walk
技术图片

技术图片
技术图片

复杂语法

技术图片

类必须用new去创建。
技术图片

this就是p1这个对象
技术图片

extends

技术图片
pserson继承Animal 在构造函数内必须执行super()
技术图片
自有属性和公有属性
技术图片
第三层在animals里面获得公有属性。
技术图片
因为p1是person类 所有拥有自有属性name和age。p1有move的属性因为person继承了Animal


技术图片
技术图片
那么p1的自有属性只有name和age,没有body。
所以必须要执行super()。super()的意思就是执行你继承的那个类的构造方法
技术图片
相当于把this.body这句话弄过来了。这样person就有三个自有属性。
技术图片
继承的类叫做基类或者超类
技术图片

技术图片

结束

 

以上是关于ES6深入浅出-8 新版的类(下集)-1.简单语法的主要内容,如果未能解决你的问题,请参考以下文章

ES6深入浅出-5 新版对象-2.属性修饰符

ES6深入浅出-2 新版函数:4 迭代器与生成器-4.总结

ES6深入浅出-1 新版变量声明:let 和 const-1.视频 概述

ES6深入浅出-2 新版函数:4 迭代器与生成器-3.生成器 & for...of

ES6深入浅出-2 新版函数:箭头函数 2 视频-1.视频 箭头函数

ES6深入浅出-2 新版函数:4 迭代器与生成器-1.字面量增强