原生js之基本引用类型

引用类型是什么？

引用类型又称复杂数据类型，展开就是某个特定引用类型的实例。实例又称为对象，对象通过new操作符后跟一个构造函数来创建，构造函数就是用来创建新对象的函数，例：

let obj=new Object();//普通引用类型
let dat=new Date();//日期引用类型
let reg=new RegExp(/hello/);//正则引用类型
let boo=new Boolean(true);//布尔特殊引用类型
let str=new String('string');//字符特殊引用类型
let num=new Number(100);//数字特殊引用类型

接下来我们展开讲解一下这几个引用类型是语法格式，使用场景，和需要注意的部分。

Date

Date类型早期是参考了Java的java.util.Date,它可以表示一个具体的日期。
创建日期对象：

let dat=new Date();//Thu Sep 28 2023 10:10:52 GMT+0800 (中国标准时间)

常用方法

Date.parse()

这个方法主要作用就是用来判断输入的内容来转换Date对象，比如：

let dat1=new Date(Date.parse("5/23/1990"))//月/日/年
let dat2=new Date(Date.parse("May 5,2019"))//月名 日,年
let dat3=new Date(Date.parse("Tue May 23 2019 00:00:00 GMT-0700"))
//周几 月名 日 年 时:分:秒 时区

同时如果传给Date.parse的不是一个日期，那么就会返回一个Invalid Date 翻译就是无效的日期。

Date.UTC()

UTC和parse返回的参数相同，但是UTC中输入的参数只有年和月是必需的，剩余的可以加也可以不加，月如果是0的话，默认为1。举例：

let dat=new Date(Date.UTC(2000,0))
console.log(dat);

Date.now()

Date.now()就是返回当前时间，举个例子，我们想知道这个函数从开始到结束，需要用到多长时间，可以用Date.now得到这个值。

function Times(){
	return 0;
}
let start=Date.now()
Times()
let stop=Date.now()
let ans=stop-start
console.log(stop-start);

因为这个函数比较简单，所以占用时间甚至不超过1毫秒，所以stop-start等于0.但如果是较难的就会发现。

剩余Date方法简述

toLocalleString和toString方法

toString返回的是包含时区的日期和时间，而toLocalString会返回于浏览器运行的本地环境一致的日期和时间，不包含日期和时间。

getTime、getFullYear、getDate、getMonth方法

getTime和valueof相等，返回一个Date对象的毫秒数。
getFullYear返回年，getDate返回日，getMonth返回月。

const dat = new Date();
const date=dat.getFullYear()+'-'+dat.getMonth()+'-'+dat.getDate()
console.log(date); // 2023-8-28
// Expected output: 8

getMonth因为是从0算起，所以它默认需要进行一个+1操作，才能实现正确数据，同时这个问题是Js存在的问题。

RegExp

正则 与字符串方法search replace split match

ES通过RegExp类型支持正则表达式，创建语法格式：

let reg=/pattern/flags;
let reg=new RegExp(/pattern/)

就比如我们想校验某个字符串里面hello在什么位置，可以调用search方法和正则表达式实现。

let a='abcdhello'
console.log(a.search(/hello/))//4

如果想替换这个字符，可以用replace加这个正则表达式

let a='adhellofafdhello'
while(a.search(/hello/)!=-1){
	a=a.replace(/hello/,'Tom')
}
console.log(a);//adTomfafdTom

在上述代码中，我们想实现替换的操作，search+while进行查询是否还有hello这个字符串，没有search就返回-1。用replace方法实现了hello替换。
也可以通过全局替换/g来进行一个实现。

console.log(reg.replace(/hello/g,'Tom'));

利用split+正则可以实现去除字符和切割的效果
举例：想要去掉某个字符串的所有d字符，后重新拼接在一起。

let reg='abchelloasdasdhelloasd'
let temp=reg.split(/d/)
let ans=''
for(let i=0;i<temp.length;i++){
	ans+=temp[i]
}
console.log(ans);//abchelloasashelloas

在上述代码中，有reg作为字符串变量，我们通过调用split+正则，去把d进行一个切割，然后又用ans+for进行一个拼接操作。
那如果我们想知道这个字符串中到底有多少个d，就可以通过match方法进行查询。

console.log('abchelloasdasdhelloasd'.match(/hello/g).length);//2

正则方法 test exec

let a=new RegExp(/hello/)
console.log(a.test('abchello'));//true
console.log(a.exec('abcdhello'));//['hello', index: 4, input: 'abcdhello', groups: undefined]

在上述代码中，我们首先调用了这个test，test主要是用于判断，这个字符串有没有正则表达式里面的子字符串，有就true，没有就false。
exec方法主要是用于提取第一个正则表达式中的值和所在索引，同时也会返回它的初始值。但是不管这个正则表达式有没有加上全局属性/g，它都只会返回第一个属性值和索引值。多出来的不会返回。

包装对象（Boolean、Number、String）

那么好，在基本数据类型中，有这三种数据类型，可以被new出来，那new出来的数据类型，就变成了包装对象类型，它们也可以调用对应的方法进行使用。同时通过new出来的这三个属性可以被添加新的属性和方法，这也被称为特殊引用类型。

let str1='ddd'
let str2=new String()
str2.color='red'
str1.color='blue'
console.log(str2,str1);//String {'', color: 'red'} 'ddd'
console.log(str2.color,str1.color);//red undefined

在上述代码中可以发现，没有new出来的原始值是无法进行添加属性方法的操作的，new出来的就可以实现，new出来的就变成了包装对象类型也叫特殊引用类型。

这些new出来的特殊引用类型，需要在它们的构造函数里面进行初始值填写，也就是()里面，就比如let boo=new Boolean(true).接下来我们就对这三个特殊引用对象，进行一一的讲解。

Boolean

语法格式：

let boo=new Boolean()

因为所有对象在布尔表达式当中都为true，作为特殊引用类型的Boolean类型也不例外，所以就会出现这样滑稽的一幕。

let boo=new Boolean(false)
let result=boo&&true
console.log(result);//true

除了布尔表达式有问题之外，Boolean实例会重写valueOf方法，toString方法被调用也会被覆盖，同时在进行类型判断的时候大多数的判断结果都是object而不是boolean，所以不建议使用Boolean对象来进行开发。

Number

语法格式

let num=new Number(10)

Number也重写了toString、valueOf方法，它的参数值，主要是用于进制的转换。

let num=new Number(16)
console.log(num.toString(2));//1000
console.log(num.toString(8));//20
console.log(num.toString(16));//10
console.log(num.toString(7));//22
console.log(num,num.valueOf());//Number {16} 16

如果想将数字转换成字符串，number对象类型也提供了toFixed方法，这个方法不仅能转换，还能包含指定小数点位数的数值字符串。

console.log(num.toFixed(10),typeof(num.toFixed(10)));//16.0000000000 string

它还有toExponential,toPrecisionisInteger方法等等，不常用，这里就不赘述了。

String

语法格式：

let str=new String('content')

简述valueOf,toString,toLocalSting,charAt,concat,slice,substr,substring

valueOf,toString,toLocalString这三个方法都能够返回String对象的原始值。
同时它也有length属性，用于判断它当前的长度。可以利用charAt方法来进行输入索引输出索引下的值。js字符串是由16位码元组成。通过charCodeAt方法可以查看指定码元下.拼接字符串用到concat，同时concat可以一次拼接多个字符串，举例

let str=new String('hello')
str=str.concat('world',str)
console.log(str);//helloworldhello

同时想从字符串中提取子字符串可以通过三个方法实现：slice,substr,substring,区别在于，举例说明：

let str=new String('hello')
console.log(str.substr(-1));//o
console.log(str.slice(-1));//o
console.log(str.substring(-1));//hello

substr和slice能转换负数为倒数，而substring会把负数转换成0，输出全部字符串。

再次举例说明如果第二个参数是负数它们之间会发生什么区别

let str=new String('hello world')
console.log(str.substr(3,-4));//''
console.log(str.slice(3,-4));//'lo w'
console.log(str.substring(3,-4));//hel

slice方法将-4转换为7，substring方法转换为0，substring会将两个参数大小作为起点和终点的判断，而substr方法会将第二个参数转换为0，也就是说获取0个字符，返回空。

includes indexOf repeat toLowerCase toUpperCase

includes判断某个字符是否存在于另一个字符。repeat是指可以将该字符串复制多少次，toLowerCase、toUpperCase是指大小写字母。举例说明：

let str='hello World'
let str1='hello'
console.log(str.includes(str1));//true
console.log(str.indexOf(str1),str.indexOf('1'));//0 -1
console.log(str.repeat(2));//hello Worldhello World
console.log(str.toUpperCase(),str.toLowerCase());//HELLO WORLD hello world

常用的还有match，search方法，在正则讲过，这里就不赘述了。

单例内置对象Global

浏览器将window对象实现为Global的代理，所有在全局声明的变量都是window变量。

Math对象

常用方法：min，max，random，ceil（向上取整），floor（向下取整），abs（正数）

当代码开始执行时，全局上下文会存在Global和Math这两个内置对象。前者在浏览器中用window代理，后者主要用于复杂的数学运算。