js学习笔记(二)

简介: js学习笔记

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之间的随机数,不含1
  • pow(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),是指浏览器对象模型
  • 将浏览器各个组成部分封装成不同的对象,方便进行操作
  • 具体有如下的对象
  1. Navigator,表示浏览器对象
  2. Window,窗口对象
  3. Location,地址栏对象
  4. History,窗口历史对象
  5. Screen,显示屏幕对象
  • Window窗口对象常用功能
  • 定时器
  1. 唯一标识 setTimeout(功能,毫秒值);方法,用于设置一次性定时器,返回一个唯一标识
  2. clearTimeout(标识);方法,根据标识取消一次性定时器
  3. 唯一标识 setInterval(功能,毫秒值);方法,设置循环定时器,返回一个唯一标识
  4. clearInterval(标识);方法,根据标识取消循环定时器
  • 加载事件:window.onload=触发的事件,用于页面加载完毕时触发的事件
  • Location地址栏对象常用功能
  • 设置href属性,通过设置这个属性实现浏览器读取并显示新的URL的内容
目录
相关文章
|
4月前
|
JavaScript 前端开发 API
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
|
4月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
3月前
|
JavaScript 前端开发
【干货分享】JavaScript学习笔记分享
【干货分享】JavaScript学习笔记分享
66 0
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的云的学习笔记系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的云的学习笔记系统附带文章源码部署视频讲解等
48 0
|
8月前
|
移动开发 JavaScript 前端开发
webgl学习笔记3_javascript的HTML DOM
webgl学习笔记3_javascript的HTML DOM
79 0
webgl学习笔记3_javascript的HTML DOM
|
8月前
|
JavaScript 前端开发 Java
webgl学习笔记2_javascript基础快速学习
webgl学习笔记2_javascript基础快速学习
60 0
|
8月前
|
前端开发 JavaScript API
JavaScript学习笔记(一)promise与async
JavaScript学习笔记(一)promise与async
|
8月前
|
存储 JavaScript
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
57 0
|
存储 JavaScript 前端开发
【js】函数概述学习笔记(8)
【js】函数概述学习笔记(8)
48 0
|
存储 JavaScript
【js】数组学习笔记(7-2)
【js】数组学习笔记(7-2)
74 0