引用类型是把数据和功能组织在一起的结构

Date（日期和时间）

创建

let time=new Date();//1.空时获取系统时间和日期2.如果为0时显示1970 年 1 月 1 日午夜（零时）
console.log(time)//当前时间和日期
//new Date(year, month, date, hours, minutes, seconds, ms);参数

访问日期组件

let now=new Date();
//基于当地时区年、月、日、时、分、秒、毫秒、周
console.log(now.getFullYear())//获取Date对象的年份
console.log(now.getMonth())//获取Date对象的月从0~11,0表示一月份依次类推
console.log(now.getDate())//获取Date对象的日期0~31(比较奇怪)
console.log(now.getHours())//获取Date对象的小时
console.log(now.getMinutes())//获取Date对象的分钟
console.log(now.getSeconds())//获取Date对象的秒数
console.log(now.getMilliseconds())//获取Date对象的毫秒数
console.log(now.getDay())//一周中的第几天0~6周日到周六
//基于UTC时区的年、月、日、时、分、秒、毫秒、周
//方法同上在get后加上UTC例如：XX.getUTCXX()
console.log(now.getTime())//获取时间戳（1970-1-1 00:00:00 UTC+0 开始到现在所经过的毫秒数。）
console.log(Date.now())//获取时间戳大力推荐此方法优点众多（方便，快，不会给垃圾处理带来额外开销）
console.log(+now)//获取时间戳
console.log(now.getTimezoneOffset())//获取UTC 与本地时区之间的时差，以分钟为单位

设置日期组件

let now=new Date();
//基于当地时区年、月、日、时、分、秒、毫秒、周的篡改
now.setFullYear(year,month,date)//设置Date对象的年份
now.setMonth(month,date)//设置Date对象的月从0~11,0表示一月份依次类推
now.setDate(date)//设置Date对象的日期0~31(比较奇怪)
now.setHours(hour,min,sec,ms)//设置Date对象的小时
now.setMinutes(min,sec,ms)//设置Date对象的分钟
now.setSeconds(sec,ms)//设置Date对象的秒数
now.setMilliseconds(ms)//设置Date对象的毫秒数
//由时间戳转日期
now.setTime(时间戳)//返回时间戳对应的日期和时间
//关于UTC时区年、月、日、时、分、秒、毫秒、周的篡改
//方法与当地时区类似在set后加上UTC例如：xx.setUTCxx();

自动校准

//设置超范围的数值，Date会自动校准;
//例如:
let time=new Date(2022,1,35);
console.log(time)// Fri Mar 04 2022 00:00:00 GMT+0800 (中国标准时间)

从字符串中读取日期

Date.parse(str)//str格式YYYY-MM-DDTHH:mm:ss.sssZ
/*参数说明：
YYYY-MM-DD —— 日期：年-月-日。
字符 "T" 是一个分隔符。
HH:mm:ss.sss —— 时间：小时，分钟，秒，毫秒。
可选字符 'Z' 为 +-hh:mm 格式的时区。单个字符 Z 代表 UTC+0 时区。*/
例如
Date.parse('2022-03-17T12:09:50.500-08:00')//时间戳
//通过Date对象时间戳转日期
let time=new Date(Date.parse('2022-03-17T12:09:50.500-08:00'))
console.log(time)//Fri Mar 18 2022 04:09:50 GMT+0800 

日期格式化

let time=new Date();
console.log(time.toDateString())//年月日周几  Thu Mar xx xxxx
console.log(time.toTimeString())//时分秒 xx:xx:xx GMT+0800 (中国标准时间)
console.log(time.toLocaleDateString())//年月日特定格式xxxx/xx/xx
console.log(time.toLocaleTimeString)//时分秒 上/下午 xx:xx:xx
console.log(time.toUTCString())//显示完整的 UTC 日期Thu, 17 Mar 2022 04:34:47 GMT

RegExp (正则表达式)

正则表达式是搜索和替换字符串的一种强大方式
创建正则表达式的方法：

let  regexp=RegExp("pattern", "flags");//字符串中动态地构造模式
let regexp1=/pattern/igm;//简短语法

字符类：

匹配模式标记：

RegExp 实例属性

RegExp 实例方法

RegExp 构造函数实例属性

原始值包装类型

为了方便操作原始值，ECMAScript创建了3种特殊的引用类型：Boolean、Number、String，其特点具有其他引用类型的特点，也具备各自原始类型对应的特殊行为。但我们访问原始类型的方法和属性时，后台会自动创建相对应的原始类型包装对象从而暴露出操作对应原始值的方法。

let str="LLY"
let str1=str.substring(2)//Y
上面的例子经历了3个过程
1.创建String实例
let str=new String("LLY")
2.调用实例上的特殊方法
let str1=str.substring(2)
3.销毁实例
str=null 
Number和Boolean包装对象同样经历以上3个阶段

引用值类型和原始值包装类型的区别在生命周期的不同：
使用new实例化引用类型，得到的实例会在离开作用域后销毁，自动创建的原始值包装对象，只在访问的那一行代码的执行期间。

/*注意！！！！
由于原始值包装对象的生命周期只存在于执行期间
所以不能给运行时的原始值添加属性和方法*/
let str="122"
str.name="lly"
console.log(str.name)//undefined
/*注意！！！
使用 new 调用原始值包装类型的构造函数，与调用同名的转型函数并不一样。*/
let value="123"
let num=Number(value);
console.log(typeof num)//Number
let num1=new Number(value)
console.log(typeof num1)//Object

• Boolean
  理解和区分原始值Boolean和Boolean对象。
  通过typeof判断类型原始值boolean为Boolean，boolean对象类型为object。

let falseObj= new Boolean(false); 
let result = falseObj && true; //类型转换后进行运算（对象隐式转换boolean类型为true）
console.log(result); // true 
let falseValue = false; 
result = falseValue && true; //纯布尔值运算
console.log(result); // false

• Number
  关于Number类型重写了valueOf()、toLocaleString()和 toString()，valueOf返回Number对象所表示的值，toLocaleString和toString返回数值字符串
• 继承的方法：

let num=new Number("1234567890");
console.log(num.valueOf())//1234567890数字类型的数字
console.log(num.toString())//1234567890十进制的数字可以传递一个参数表示返回几进制的数字字符串（2,8,10,16进制数）
console.log(num.toLocaleString())//1,234,567,890

• Number类型对应的特殊行为：
  1.指定小数位数的方法
  xx.toFixed(n)//n表示要保留小数点的位数如果超出指定地小数点位数会采取四舍五入取值
  2.科学计数法
  xx.toExponential(n)//以指数记数的方法显示数字
  3.以上两种计数方法的综合体
  xx.toPrecision(n)//根据情况返回最合理的输出结果，可能是固定长度，也可能是科学记数法形式。这个方法接收一个参数，表示结果中数字的总位数（不包含指数）
  以上三种方法都会采取向上和向下取舍
  4.安全整数
  Number.isInteger(num)//num要判断的参数用于判断是不是一个安全的整数有时也会把小数位的 0可能会让人误以为数值是一个浮点值。
  5.鉴定数值是否是安全范围的整数数值
  Number.isSafeInteger(num)//num要判断的数值(安全范围Max:₊₂53 -1 Min：_-253+1)
  6.测试

• isNaN(value)判断参数是不是NaN
  将其参数转换为数字，然后测试它是否为 NaN：

• isFinite(value)判断是不是常规数字，常规数字返回true否则false
  7.其他

• parseInt(value)//从字符串中读取数字，只返回整数部分

• parseFloat(value)//从字符串中读取数字，可以读取一个小数点，返回的浮点数

• String

• 引号3种（1.' '2." "3.（1.允许字符串跨行，2.${…}可以嵌入任意表达式）推荐使用第三种方式）

• 长度length（通过xx.length获取字符串的长度）

• JavaScript字符

//以下方法为常规
let str="abcdefghig"
//charAt()返回给定索引位置的字符
str.charAt(0)//a  此方法等价于str[0]，唯一区别没有参数charAt返回空字符，[]返回undefined
//charCodeAt()方法可以查看指定码元的字符编码。
str.charCodeAt(0)//97 a字符对应的字符编码
/*fromCharCode()方法用于根据给定的 UTF-16 码元创建字符串中的字符
特点：可以接受任意多个数值，返回将所有数值对应的字符拼接起来的字符串*/
console.log(String.fromCharCode(97,98,99,100))//abcd
//处理 emoji、罕见的数学或象形文字或其他罕见的符号
let str1="ab😂de";
//codePointAt()对应charCodeAt()
console.log(str1.length)//6
console.log(str1.charCodeAt(0))//97
console.log(str1.charCodeAt(1))//98
console.log(str1.charCodeAt(2))//55357
console.log(str1.charCodeAt(3))//56834
console.log(str1.charCodeAt(4))//100
console.log(str1.charCodeAt(5))//101
//////
console.log(str1.codePointAt(0))//97
console.log(str1.codePointAt(1))//98
console.log(str1.codePointAt(2))//128514
console.log(str1.codePointAt(3))//56834
console.log(str1.codePointAt(4))//100
console.log(str1.codePointAt(5))//101
//fromCodePoint()对应fromCharCode(）
console.log(String.fromCharCode(97, 98, 55357, 56842, 100, 101)); //ab😊de
console.log(String.fromCodePoint(97, 98, 128522, 100, 101)); //ab😊de
//字符串转数组
console.log([...str])//["a", "b", "c", "d", "e", "f", "g", "h", "i", "g"]

• 字符串操作

//拼接
let name="ly"
let sex="man"
let age="18"
name.concat(sex,age)//lyman18

• 改变大小写

let  str="abc"
//所有字符串的转换成大写
console.log(str.toUpperCase())//ABC
let str1="EFG"
//所有字符串的转换成小写
console.log(str1.toLowerCase())//efg

• 查找子字符串

let str="my name is lly"
//indexOf(substr,pos)substr要查询的字符pos既定查询的位置
str.indexOf("m",0)//查询到后返回第一次出现的位置，没有查询到返回-1
//lastIndexOf(substr, pos)从末尾开始查询
str.lastIndexOf("y")//
//includes(substr,pos)//查询出来有就返回true否则false
str.includes('lly')//true
//startsWith()//字符串正序开始查询到返回true否则false
str.startsWith('my')//true
str.startsWith('y')//false
//endsWith()//字符串倒序开始查询到返回true否则false
str.endsWith('lly')//true
str.endsWith('is')//false

• 获取子字符串

let str="stringify"
//slice(start [, end])获取字符的起始位置以及结束的位置，不包含结束位置的字符，不允许start>end
str.slice(0,2)//st
str.slice(2)//ringify
str.slice(-2,-1)//f
//substring可以允许start>end
//和slice用法相同区别是该方法允许start大于end

//substr(start,length)//获取字符的起始位置以及截取的长度
str.substr(0,2)//st
str.substr(-1,1)//y

• 比较字符

let str="ABC"
let str1="a"
str.localeCompare(str1)//1
//如果str>str1返回正值否则返回负值

• 字符串模式匹配方法

let str="abcd0123456789efghigk"
//match()参数为正则表达式或RegExp对象
str.match(/[0-9]+/)// ["0123456789", index: 4, input: "abcd0123456789efghigk", groups: undefined]
//search()//参数为正则表达式或RegExp对象
str.search(/[0-9]+/)//0返回匹配字符的索引位置
//replace()第一个参数可以是字符或正则式，第二个参数要替换的内容
str.replace(/[0-9]+/,'@')//abcd@efghigk

• 其他

let str= " 123 "
//删除字符串前后的空格
str.trim()//123
//字符串重复n次
str.repeat(2)// 123  123
let name="lly"
//复制字符
//从字符之前填充参数1字符长度。参数2填充字符默认为空
name.padStart(9,"@")//@@@@@@lly
//从字符之后填充参数1字符长度。参数2填充字符默认为空
name.padEnd(9,"#")//lly######

单例内置对象

• Global
  最特别的对象，代码不会显示的访问，（兜底对象），全局作用下的变量和函数都是Global对象的属性。
• Global对象的其他方法

1. URL 编码方法
   encodeURI()和 encodeURIComponent()方法用于编码统一资源标识符（URI），以便传给浏览器。

URI方法：
//编码
1.encodeURI()//用于对整个 URI 进行编码，
2.encodeURIComponent()//用于编码 URI 中单独的组件
//两者区别：
encodeURI()不会编码属于 URL 组件的特殊字符，encodeURIComponent()会编码它发现的所有非标准字符
let URL='https://segmentfault.com/u/liluyao_5f4e43431bf0b/articles '
console.log(URL)//1
console.log(encodeURI(URL))//2
console.log(encodeURIComponent(URL))//3
1.https://segmentfault.com/u/liluyao_5f4e43431bf0b/articles
2.https://segmentfault.com/u/liluyao_5f4e43431bf0b/articles%20
3.https%3A%2F%2Fsegmentfault.com%2Fu%2Fliluyao_5f4e43431bf0b%2Farticles%20
//解码
3.decodeURI()
4.decodeURIComponent()
let url1='https://segmentfault.com/u/liluyao_5f4e43431bf0b/articles%20'
let url2='https%3A%2F%2Fsegmentfault.com%2Fu%2Fliluyao_5f4e43431bf0b%2Farticles%20'
console.log(decodeURI(url1))//1
console.log(decodeURIComponent(url2))//2
1.https://segmentfault.com/u/liluyao_5f4e43431bf0b/articles 
2.https://segmentfault.com/u/liluyao_5f4e43431bf0b/articles 

2. eval()(ECMAScript 解释器,最强大的方法)

/*完整的ECMAScript 解释器,接收一个要执行的ECMAScript字符串参数。
eval()可以把字符串解析成要执行的ECMAScript语句，通过 eval()执行的代码属于该调用所在上下文，被执行的代码与该上下文拥有相同的作用域链。所以在非严格模式下同一执行行上下文中的变量和函数eval内部的代码和外部代码可以相互引用。*/
eval(`console.log("hi")`)//hi
等价
console.log("hi")
//通过 eval()定义的任何变量和函数都不会被提升
console.log(name)//Uncaught  name is not defined
eval(`var name="lly"`)
console.log(name)//lly
eval(`function fn(){return 'lly'}`)
console.log(fn())//Uncaught  fn is not defined
eval(`function fn(){return 'lly'}`)
console.log(fn())//lly
//在严格模式下，在 eval()内部创建的变量和函数无法被外部访问
//eval()虽然强大，注意慎重使用！！！！！

3. Global 对象属性

4. window对象（作为浏览器端Global对象的代理对象）
   获取Global对象的方法
   1.通过window对象直接访问Global对象
   2.let globalObj=function (){
   return this
   }()

• Math
  Math对象提供保存数学公式、信息和计算的地方。
• Math的属性：

• Math的方法

1. 取出数值中的最大和最小值

//最大值
Math.max(0,1,2,3,4)//4
//最小值
Math.min(0,1,2,3,4)//0

2. 舍入方法

//小数值舍入成整数
//向上舍入只要小数点大于0就进一位
Math.ceil(1.001)//2
//向下舍入成整数
Math.floor(1.009)//1
//四舍五入。
Math.round(1.49)//1
Math.round(1.5)//2
//返回最接近的单精度（32 位）浮点值
Math.fround(1.0023)//1.0023000240325928

3. 生成随机数方法

Math.random()//生成0~1的随机数
//生成指定范围的随机数方法
function radomFn(lower,upper){
let choices=upper-lower+1
return Math.floor(Math.random()*choices+lower)
  }
//注意！！！！！
/*为了加密而需要生成随机数（传给生成器的输入需要较高的不确定性），那么建议使用 window.crypto. getRandomValues()。*/
cryptoObj.getRandomValues(typedArray);
/*typedArray说明包含Int8Array、Uint8Array、Int16Array、Uint16Array、Int32Array、Uint32Array*/
let array = new Uint32Array(10);
window.crypto.getRandomValues(array);//生成随机数

4. 其他方法