Class-总结 class 的基本用法和两个注意点|学习笔记

简介: 快速学习 Class-总结 class 的基本用法和两个注意点

开发者学堂课程【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 关键字,称作语法糖,使用方便顺手,对用户友好。

相关文章
|
2月前
with class of same name
with class of same name
13 0
|
2月前
Class 的讲解
Class 的讲解
21 1
|
8月前
Class下的getEnumConstants
Class下的getEnumConstants
45 0
|
Java Spring
FileSystemResource和ClassPathResource有何区别?
FileSystemResource和ClassPathResource有何区别?
FileSystemResource和ClassPathResource有何区别?
|
JavaScript 程序员
Class-总结class的基本用法和两个注意点
一、注意点一:class关键字区间使用 二、注意点二:Class关键字内部函数
|
Apache
class7
搭建lamp
166 0
|
关系型数据库 MySQL Linux
class6
快速搭建LAMP坏境
310 0
class4
安装putty工具远程连接ECS服务器
172 0