开发者学堂课程【React 入门与实战:Class-总结 class 的基本用法和两个注意点】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/585/detail/8096
Class-总结 class 的基本用法和两个注意点
目录:
一、注意点一:class 关键字区间使用
二、注意点二:Class 关键字内部函数
一、注意点一:class 关键字区间使用
在 classe 的()区间内,只能写 构造器 静态方法和静态属性 实例方法,实例属性在构造器内
class Animal {
//Var a=10;会报错//这是类中的构造器//每一个类中,都有一个构造器,如果我们程序员没有手动指定构造器,那么,可以认为类内部有个隐形的、看不见的空构造器,类似于 constructor() ()
//构造器的作用,就是,每当 new 这个类的时候,必然会优先执行构造器中的代码cons tructor(name, age) {
//实例属性 this. Name=namethis.age = age
//在 class 内部,通辻 static 修怖的属性,就是静志属性 static info = "eee"// (今后用的不多)
//这是动物的实例方法(今后会经常用到实例方法)
Jiao
(){
console. 1og (“动物的实例方法”)
}
//这是是动物的静态方法(今后用的不多)static show() {
console.log(这是Animal的静恋show 方法')
}
}const a1 = new Animal('
大黄',3)
console.1og (a1)
注意:Class 内部有静态属性和实例属性
二、注意点二:Class 关键字内部函数
classe 关键字在语法层面做了优化,内部走的是构造函数
Person {iname : “王多多
",age: 18]a
age: 18
name: “王多多
"
_proto__:
say: f ()
constructor: f Person(name, age)
infoL" aaaa"
show: f
arguments : (...)caller: (...)length: 2
name: "Person"
prototype: isay: f, constructor:f_proto_:f )
[ [FunctionLocation]] : 07.class-实例方法和静态方法
,js:13[ [Scopes]] : Scopes[3]
_proto_: object
这是 Person 的实例方法
这是 Person 的静态 show 方法
Animal {name : "大兹
"",age: 3]a
age: 3
name: "大黄
"
_proto__: object 动物的实例方法
这是 Animal 的静态 show 方法
[MDS] Hot Module Replacement enabled.
Class 关键字内部,还是用原来的配方实现的;把 classe 关键字,称作语法糖,使用方便顺手,对用户友好。