class
时间:2020-03-24
本文章向大家介绍class,主要包括class使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
class
-
实际上是一个
function
,但不存在函数提升-
同样可以通过两种方式定义
class User{
}
//或者
var User = class {
}
-
-
在其中通过构造函数声明属性,可以通过计算属性声明
constructor(name, email) {
this.name = name;
this.email = email;
} -
创建类对象
var student1 = new User('ashen', 'ashen@ashen.com');
-
在其中声明方法
website(){
console.log(`http://${this.email}`)
}
//所有通过此类创建的对象都可以调用 -
声明静态方法
-
只能被类调用,不能被实例对象调用的方法
static describtion(){
console.log('I am a user of QQ')
}
-
-
set和get
set address(value){
this.info = value
}
get address(){
return this.info;
}-
通过
类.属性 = ...
的方式为其设置值 -
通过
类.属性
的方式获取值User.address = '忠科绿苑'
"忠科绿苑"
User.address
"忠科绿苑"
-
class 的继承
-
通过
extends
关键字进行继承 -
在
constructor
中传入基类的属性,并在其中通过super
声明class Dog extends Animal {
constructor(name, age) {
super(name);
this.age = age;
}
} -
继承了基类中所有属性和方法,可以在实例对象中直接调用基类方法
-
若子类中有和基类的同名函数,子类中的函数会将基类中的覆盖
扩展内建对象数组
-
此时
super
中的this
会指向Array
,因此newArr
可以访问Array
的所有属性和方法
class newArr extends Array {
constructor(name) {
super();
this.name = name;
}
}
-
添加属性
-
在构造函数中声明
-
添加到super中
constructor(name,
-
-
添加方法,直接在子类中定义
原文地址:https://www.cnblogs.com/ashen1999/p/12559846.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法