面向对象
类的定义和使用
- 定义格式1
class 类名{
constructor(变量列表){
变量赋值;
}
方法名{
方法体;
return 返回值
}
}
- 使用格式
let 对象名 = new 类名(实际变量值);
对象名.方法名();
字面量定义类和使用(重点掌握)
let 对象名 = {
变量名 : 变量值;
变量名 : 变量值;
...
方法名: function(参数列表){
方法体;
return 返回值;
},
...
}
- 使用格式
对象名.变量名
对象名.方法名();
继承
- 继承: 让类与类产生字符类的关系,子类可以使用父类有权限的成员
- 继承关键字: extends
- 顶级符类: Object
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
<script>
//定义person类
class person {
//定义构造方法
constructor(name,age){
this.name=name;
this.age=age;
}
//show方法
ect(){
document.write(this.name+","+this.age+"<br>");
}
}
//定义Worker类继承Person
class Worker extends person{
constructor(name,age,salary){
super(name,age);
this.salary = salary;
}
show(){
document.write(this.name+","+this.age+","+this.salary+"<br>");
}
}
let worker = new Worker("张阿森纳",88,19820);
worker.ect();
worker.show();
</script>
</html>
内置对象
Number
Number
Math
MathDate
Date构造方法
Date构造方法
Date成员方法Date成员方法
String
String构造方法
String构造方法
String成员方法String成员方法
RegExp
RegExp构造方法
正则表达式: 是一种对字符串进行匹配的规则
RegExp构造方法
RegExp成员方法RegExp成员方法
RegExp规则RegExp规则
Array
Array
Set
Set构造方法
JavaScript中的Set集合,元素唯一,存取顺序一致
Set构造方法
Set成员方法Set成员方法
Map
Map构造方法
JavaScript中的Map集合,key唯一,存取顺序一致
Map构造方法
Map成员方法Map成员方法
- JSON
1.JSON(JavaScriptObjectNotation): 是一种轻量级的数据交换格式.
2.他是基于ECMAScript规范的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据JSON成员方法
JSON成员方法
BOM介绍
- BOM(Browser Object Model): 浏览器对象模型
- 将浏览器的各个组成部分封装成不同的对象,方便进行操作
- Window 窗口对象
1.定时器
唯一标识 setTimeout(功能,毫秒值): 设置一次性定时器.
clearTimeout(标识): 取消一次性定时器
唯一标识 setInterval(功能,毫秒值): 设置循环定时器
clearInterval(标识): 清楚循环定时器
2.加载事件
window.onload: 在页面加载完毕后出发此事件的功能
- Location 地址栏对象
1.href属性: 就是浏览器的地址栏,我们可以通过该属性设置新的URL,使浏览器读并显示新的URL的内容
