关于javascript:JavaScript之基本引用类型

援用类型是把数据和性能组织在一起的构造

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:~+2~53 -1 Min：~-2~53+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 对象的其余办法

• 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 

• 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()尽管弱小，留神谨慎应用！！！！！

• Global 对象属性

4. window 对象（作为浏览器端 Global 对象的代理对象）
   获取 Global 对象的办法
   1. 通过 window 对象间接拜访 Global 对象
   2.let globalObj=function (){
   return this
   }()
5. Math
   Math 对象提供保留数学公式、信息和计算的中央。
6. Math 的属性：

• Math 的办法

• 取出数值中的最大和最小值

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

• 舍入办法

  // 小数值舍入成整数
  // 向上舍入只有小数点大于 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

• 生成随机数办法

  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);// 生成随机数

• 其余办法