2.继承
- JS中顶级父类是Object
- 继承需要使用extends关键字
语法:
class 子类 extend 父类{}
- 继承范例
class Person{ constructor(name,age){ this.name = name; this.age = age; } show(){ document.write(this.name+","+this.age+"<br/>"); } } class Worker extends Person{ constructor(name,age,salary){ //使用super()调用父类构造方法 super(name,age); this.salary = salary; } show(){ document.write(this.name+","+this.age+","+this.salary); } } let worker = new Worker("张三",23,15000); worker.show();
内置对象
1.Number对象
parseFloat(s)
方法,将字符串浮点数转为浮点数parseInt(s)
方法,将字符串整数转为整数
2.Math对象
ceil(x)
方法,向上取整floor(x)
方法,向下取整round(x)
方法,四舍五入random()
方法,返回0到1之间的随机数,不含1pow(x,y)
方法,x的y次方
3.Data对象
- 构造方法
方法 |
说明 |
Date() |
根据当前事件创建对象 |
Date(value) |
指定毫秒值创建对象 |
Date(year,month[,day,hour,min,sec,mill]) |
指定字段创建对象,月份是0到11 |
- 常用方法
方法 |
说明 |
getFullYear() |
获取年份 |
getMonth() |
获取月份 |
getDate() |
获取天数 |
getHours() |
获取小时 |
getMinutes() |
获取分钟 |
getSeconds() |
获取秒 |
getTime() |
返回时间原点至今毫秒数 |
toLocalString() |
返回本地日期格式的字符串 |
4.String对象
- 构造方法
方法 |
说明 |
String(value) |
根据指定字符串创建对象 |
let s = "字符串" |
直接赋值 |
- 常用方法
方法 |
说明 |
length属性 |
获取字符串长度 |
charAt(index) |
获取指定索引处字符 |
indexOf(value) |
获取指定字符串出现的索引位置,不存在返回-1 |
substring(start,end) |
根据给出范围截取字符串,含头不含尾 |
split(value) |
根据指定规则切割字符串,返回数组 |
replace(old,new) |
使用新字符替换旧字符 |
5.RegExp对象
- 构造方法
方法 |
说明 |
RegExp(规则) |
根据制定规则创建对象 |
let reg = /^规则$/ |
直接赋值 |
- 匹配方法:
test(字符串)
方法,用于查看字符串是否符合匹配规则
6.Array对象
- 常用方法
方法 |
说明 |
push(元素) |
添加元素到数组末尾 |
pop() |
删除数组末尾元素 |
shift() |
删除数组最前面元素 |
includes(元素) |
判断数组是否包含指定的元素 |
reverse() |
反转数组中的元素 |
sort() |
对数组元素排序 |
7.Set对象
- 元素唯一,存取顺序一致
- 构造方法:
Set()
- 常用方法
方法 |
说明 |
add(元素) |
添加元素 |
size属性 |
获取集合长度 |
keys() |
获取迭代器对象 |
delete(元素) |
删除指定元素 |
- Set集合遍历范例
let set = new Set(); set.add("a"); set.add("b"); let st = set.keys(); for(let i = 0;i < set.size;i++){ document.write(st.next().value); }
8.Map对象
- key唯一,存取顺序一致
- 构造方法:
Map()
- 常用方法
方法 |
说明 |
set(key,value) |
向集合添加元素 |
size属性 |
获取集合长度 |
get(key) |
根据key获取value |
entries() |
获取迭代器对象 |
delete(key) |
根据key删除键值对 |
- Map集合遍历范例
let map = new Map(); map.set(1,"a"); map.set(2,"b"); let et = map.entries(); for(let i = 0;i < map.size;i++){ document.write(et.next().value); }
9.JSON对象
- JSON(JavaScript Object Notation)是一种轻量级的数据交换格式
- 它是基于ECMAScript规范的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据
- 简洁和清晰的层次结构使得JSON成为理想的数据交换语言,易于人阅读和编写,同时也易于计算机解析和生成,并有效提升网络传输效率
- 常用方法
方法 |
说明 |
stringfy(对象) |
将指定对象转换为json格式字符串 |
parse(字符串) |
将指定json格式字符串解析成对象 |
- 范例
let weather = { city : "北京"; date : "2022-08-08"; temperature : "10~20"; }; let str = JSON.stringfy(weather); let weather2 = JSON.parse(str);
BOM
- BOM(Browser Object Model),是指浏览器对象模型
- 将浏览器各个组成部分封装成不同的对象,方便进行操作
- 具体有如下的对象
- Navigator,表示浏览器对象
- Window,窗口对象
- Location,地址栏对象
- History,窗口历史对象
- Screen,显示屏幕对象
- Window窗口对象常用功能
- 定时器
唯一标识 setTimeout(功能,毫秒值);
方法,用于设置一次性定时器,返回一个唯一标识clearTimeout(标识);
方法,根据标识取消一次性定时器唯一标识 setInterval(功能,毫秒值);
方法,设置循环定时器,返回一个唯一标识clearInterval(标识);
方法,根据标识取消循环定时器
- 加载事件:
window.onload=触发的事件
,用于页面加载完毕时触发的事件
- Location地址栏对象常用功能
- 设置href属性,通过设置这个属性实现浏览器读取并显示新的URL的内容