关于javascript:JavaScript高级程序设计笔记05-基本引用类型

根本援用类型

援用值（对象）是某个特定援用类型的实例。援用类型是把数据和性能组织到一起的构造。

援用类型有时也被称为对象定义，因为它们形容了本人的对象应有的属性和办法。

Date

参考了Java晚期版本中的java.util.Date。因而，Date类型将日期保留为自协调世界时（UTC，Universal Time Coordinated）工夫1970年1月1日午夜（零时）至今所通过的毫秒数。

Date类型能够准确示意1970年1月1日之前及之后285 616年的日期。

要基于其余日期和工夫创立日期对象，必须传入其毫秒示意。ECMAScript为此提供了两个辅助办法：Date.parse()和Date.UTC()。

Date.parse()。接管一个示意日期的字符串参数，尝试将这个字符串转换为示意该日期的毫秒数。

ES5定义了反对的日期格局：
1. “月/日/年”
2. “月名日, 年”
3. “周几月名日年时:分:秒时区”
4. ISO 8601扩大格局 “YYYY-MM-DDTHH:mm:ss.sssZ”
如果传入的字符串不示意日期，则返回NaN。如果把示意日期的字符串传给Date构造函数，会在后盾主动调用Date.parse()。对越界的日期，不同的浏览器有不同的解决。
Date.UTC()。也返回日期的毫秒示意。

应用的参数为年、零起点月数（0-11）、日（1-31），时（0-23）、分、秒和毫秒。只有年和月是必须的。也会被Date构造函数隐式调用。

创立的是本地日期，非GMT日期（参数是GMT时区下的工夫）。
Date.now()。返回示意办法执行时日期和工夫的毫秒数。可用于代码剖析。

继承的办法：

toLocaleString()：返回与浏览器运行的本地环境统一的日期和工夫。（蕴含AM/PM，不蕴含时区信息）
toString()：返回带时区信息的日期和工夫。（工夫为24小时制）
valueOf()：返回的是日期的毫秒示意。操作符（如小于号和大于号）能够间接应用它返回的值。（能够确保日期先后的一种简略形式）

日期格式化办法：返回字符串（与具体实现无关，因浏览器而异）

toDateString()：显式日期中的周几、月、日、年；
toTimeString()：显式日期中的时、分、秒和时区；
toLocaleDateString()：显式日期中的周几、月、日、年（与地区无关）
toLocakeTimeString()：显式日期中的时、分、秒；
toUTCString()：显示残缺的UTC日期。

GMT = UTC+0（https://www.zhihu.com/questio…）

RegExp

相似Perl的简洁语法创立：

let expression = /pattern/flags;

可带0个或多个flags（标记）：

g：全局模式
i：不辨别大小写
m：多行模式
y：粘附模式，示意只查找从lastIndex开始及之后的字符串
u：Unicode模式，启用Unicode匹配
s：dotAll模式，示意元字符.匹配任何字符（包含\n或\r）

所有元字符在pattern中必须本义，包含：

( [ { \ ^ $ | } ] ) ? * + .

也能够应用RegExp构造函数来创立，接管两个参数：模式字符串和（可选的）标记字符串。因为RegExp的模式参数是字符串，所以在某些状况下须要二次本义。

应用RegExp也能够基于已有的正则表达式实例，并可选择性地批改它们的标记。

构造函数属性：

会依据最初执行的正则表达式操作而变动，能够通过两种不同的形式拜访它们，一个全名和一个简写。

能够提取出与exec()和test()执行的操作相干的信息。
- input（$_）最初搜寻的字符串
- leftContext（$`）、rightContext（$’）
  
  $` input字符串中呈现在lastMatch后面的文本
  
  $’ input字符串中呈现在lastMatch前面的文本
- lastParen（$+）、lastMatch（$&）
  
  $+ 最初匹配的捕捉组
  
  $& 最初匹配的文本
- 还能够存储最多9个捕捉组的匹配项，通过RegExp.$1~RegExp.$9来拜访。
原型属性
- global
- ignoreCase
- unicode
- sticky
- multiline
- dotAll
- lastIndex：整数，示意在源字符串中下一次搜寻的开始地位，始终从0开始
- source：正则表达式的字面量字符串（不是传给构造函数的模式字符串），没有结尾和结尾的斜杆
- flags：正则表达式的标记字符串
source和flags属性返回的是规范化之后能够在字面量中应用的模式

lastIndex在非全局模式下始终不变
原型办法
- exec
  
  次要用于配合捕捉组应用。只接管一个参数，即要利用模式的字符串。
  
  如果找到，则返回蕴含第一个匹配信息的数组（蕴含两个额定的属性：index和input）；如果没有找到，就返回null。
  
  index：字符串中匹配模式的起始地位；input：要查找的字符串。
  
  数组的第一个元素是匹配整个模式的字符串，其余元素是与表达式中的捕捉组匹配的字符串。
  
  如果没有捕捉组，数组就只蕴含一个元素。
  
  如果设置了全局标记：则每次调用exec()办法会返回一个匹配的信息，直到搜寻到字符串开端。如果没有设，每次调用只会返回第一个匹配的信息。
  
  如果设置了粘附标记y：则每次调用只会在lastIndex的地位上寻找匹配项。粘附标记笼罩全局标记。
```
let text = "mom and dad and baby";
let pattern = /mom( and dad( and baby)?)?/gi;

let matches = pattern.exec(text);
console.log( matches );
console.log( matches.index ); // 0
console.log( matches.input ); // mom and dad and baby
console.log( matches[0] ); // mom and dad and baby
console.log( matches[1] ); //  and dad and baby
console.log( matches[2] ); //  and baby
console.log( pattern.lastIndex ); // 20

let text2 = "mom";
// pattern.lastIndex = 0;
let matches2 = pattern.exec(text2);
console.log( matches2 ); // null
console.log( pattern.lastIndex ); // 0

let text3 = "mom and dad";
let matches3 = pattern.exec(text3);
console.log( matches3.input ); // mom and dad
console.log( pattern.lastIndex ); // 11
```
- test
  
  接管一个字符串参数。输出的文本与模式是否匹配
继承的办法

toLocaleString()和toString()都返回正则表达式的字面量示意。valueOf()也是。
存在局限

原始值包装类型

以读模式拜访原始值时：

长期创立一个包装对象
借助这个对象操作相应的数据
销毁长期对象

不举荐显式应用，但对于操作原始值的性能很重要

Number

valueOf()：返回Number对象示意的原始数值

toString()：可抉择接管一个示意基数的参数，并返回相应基数模式的数值字符串

将数值格式化为字符串的办法：
1. toFixed()：返回蕴含指定小数点位数的数值字符串。接管一个参数，示意后果字符串中小数的位数。超过就四舍五入到最靠近的小数位。通常能够示意有0~20个小数位的数值。
2. toExponential()：返回以迷信计数法示意的数值字符串。也接管一个参数，示意后果中小数的位数
3. toPrecision()：会依据状况返回最正当的输入后果，可能是固定长度，也可能是迷信计数法模式。接管一个参数，示意后果中数字的总位数（不蕴含指数）。
  
  实质上是依据数值和精度来决定调用toFixed()还是toExponential()。
以上3者都会向上或向下舍入。（为了以正确的小数位准确示意数值）

与number原始值的typeof和instanceof操作后果不统一。（一个是原始值，一个是援用值）

isInteger()办法与平安整数：
1. isInteger()：ES6新增，用于分别一个数值是否保留为整数
2. 平安整数：所有整数都有惟一的浮点数示意。
  
  范畴是Number.MIN_SAFE_INTEGER（-2^53+1）到Number.MAX_SAFE_INTEGER（2^53-1）。
Boolean：不倡议用

String

由16位码元（code unit）组成。对少数字符来说，每16位码元对应一个字符。

JavaScript字符串应用了两种Unicode编码混合的策略：UCS-2和UTF-16。对于能够采纳16位编码的字符（U+0000~U+FFFF），这两种编码实际上是一样的，在扩大到Unicode增补字符立体时就不成立了。16位只能惟一示意65 536（2^17-1）个字符。

每个字符应用两个16位码元的策略称为代理对。

继承的办法

valueOf()、toLocaleString()、toString()都返回对象的原始字符串值。

正则相干办法（模式匹配办法）p125

match、search

match：可接管一个参数，正则表达式字符串或是一个RegExp对象。(非global状况下)，该办法返回的数组与RegExp对象的exec()办法返回的数组是一样的。

search：接管一个参数，正则表达式字符串或是一个RegExp对象。返回模式第一个匹配的地位索引，没找到就返回-1。始终从前向后匹配模式。

replace、split

replace：第一个参数能够是一个RegExp对象或者一个字符串（不会转为正则表达式），第二个参数能够是一个字符串或一个函数

第二个参数是字符串的状况下，有几个非凡的字符序列，能够用来插入正则表达式操作的值。

字符序列	替换文本
$$	$
$&	匹配整个模式的子字符串。与RegExp.lastMatch雷同
$’	匹配的子字符串之前的字符串。与RegExp.rightContext雷同
$`	匹配的子字符串之后的字符串。与RegExp.leftContext雷同
$n	匹配第n个捕捉组的字符串，n为0-9。如果没有捕捉组，则值为空串
$nn	匹配第nn个捕捉组的字符串，nn为01-99。如果没有捕捉组，则值为空串

let text = "cat, bat, sat, fat";
let result = text.replace(/(.at)/g, "word($1)");
console.log( result );

function htmlEscape (text) {
    return text.replace(/[<>"&]/g, function(match, pos, originalText) {
        switch(match) {
            case "<": return "&lt;";
            case ">": return "&gt;";
            case "&": return "&amp;";
            case "\"": return "&quot;";
        }
    });
}
console.log( htmlEscape("<p class=\"greeting\">Hello world!</p>") );
// &lt;p class=&quot;greeting&quot;&gt;Hello world!&lt;/p&gt;

第二个参数是函数时，函数应该返回一个字符串，示意应该把匹配项替换成什么。（能够更粗疏地管制替换过程）

split：第一个参数能够是一个RegExp对象或者一个字符串（不会转为正则表达式），第二个参数可选，指定返回的数组不会超过的大小。

依据传入的分隔符将字符串拆分成数组。

字串：
- charAt() ：返回给定索引地位的字符
- charCodeAt()，codePointAt()
  
  charCodeAt()：返回指定索引地位的码元值
  
  codePointAt()：返回指定索引地位上的码点（Unicode中一个字符的残缺标识）。正确解析既蕴含单码元字符又蕴含代理对字符的字符串。接管16位码元的索引（如果传入的索引并非代理对的结尾，就会返回谬误的码点）。
  
  迭代字符串（扩大运算）能够智能地辨认代理对的码点。
- fromCharCode()、fromCodePoint()
  
  fromCharCode()：依据给定的UTF-16码元创立字符串中的字符。实际上是基于提供的二进制示意间接组合成字符串
  
  fromCodePoint()：接管任意数量的码点，返回对应字符拼接起来的字符串
规范化模式：normalize() 编码方式

比拟操作符不在乎字符看起来是什么样。

4种规范化模式：NFD、NFC、NFKD、NFKC

抉择同一种规范化模式能够让比拟操作符返回正确的后果。

操作字符串

padStart、padEnd、repeat

repeat：接管一个整数参数，示意要将字符串复制多少次，而后返回拼接所有正本的后果。

padStart、padEnd：接管一个参数为长度（填充后整个字符串的长度），第二个可选参数为填充的字符串，默认为空格（U+0020）。如果长度小于或等于字符串长度，则会返回原始字符串。
concat 追加多个字符串（日常应用+号更多）

截取字串：slice、substring、substr

——	arg1（正值）	arg2（正值）	参数（负值）
slice	子串开始地位	完结地位（不蕴含）	字符串长度+（负值）
substring	同上	同上	转换为0，会将较小的参数作为终点
substr	同上	子串长度	1：字符串长度+（负值）；2：0

查找字符串
- indexOf、lastIndexOf——> number
  
  搜寻传入的字符串，并返回地位，没找到就返回-1。
  
  定位子字符串（从前往后、从后往前），可选第二个参数，示意开始搜寻的地位。
- startWith、endWith、includes——>boolean
  
  includes，查看整个字符串。
  
  startWith和includes，可选第二个参数，示意开始搜寻的地位。
  
  endWith，可选第二个参数，示意应该当作字符串开端的地位。
trim：创立字符串的一个正本，删除前、后所有空格，再返回后果。
迭代、解构

字符串原型上裸露了一个@@iterator办法。能够应用for-of和…解构操作符
大小写：toLowerCase、toUpperCase
比拟两个字符串：localeCompare（字母表程序，辨别大小写，如在美国：大写字母排在小写字母前头）

所在的地区决定了这个办法如何比拟字符串。
1. 字符串应该在参数前头，返回负值；
2. 字符串与参数相等，返回0；
3. 字符串应该在参数后头，返回正值（通常为1）

单例内置对象

内置对象：由ECMAScript实现提供、与宿主环境无关，并在ECMAScript程序开始执行时就存在的对象。

Global——浏览器window

ECMA-262规定Global对象为一种兜底对象，它所针对的是不属于任何对象的属性和办法。在大多数ECMAScript实现中无奈间接拜访。
- URL编码方法：用于编码对立资源标识符（URI），以便传给浏览器。
  
  encodeURI \ encodeURIComponent：
  
  encodeURI——对整个URI进行编码，不会编码属于URL组件的特殊字符，如冒号、斜杆、问号、井号；
  
  encodeURIComponent——编码URI中独自的组件，会编码所有非标准字符。编码查问字符串参数比编码基准URI的次数更多。
  
  decodeURI \ decodeURIComponent
  
  取代了escape()和unescape()办法，只能正确编码ASCII字符，URI办法能够对所有Unicode字符进行编码。
```
// URL encode function
let uri = "http:// www.wrox.com/illegal value.js#start";
console.log( encodeURI(uri) ); // http://%20www.wrox.com/illegal%20value.js#start
console.log( encodeURIComponent(uri) ); // http%3A%2F%2F%20www.wrox.com%2Fillegal%20value.js%23start
console.log( decodeURI(encodeURIComponent(uri)) ); // http%3A%2F%2F www.wrox.com%2Fillegal value.js%23start
console.log( decodeURIComponent(encodeURIComponent(uri)) ); // http:// www.wrox.com/illegal value.js#start
```
- eval()办法：一个残缺的ECMAScript解释器，接管一个参数，即一个要执行的ECMAScript字符串。被执行的代码与该调用上下文领有雷同的作用域链。通过eval()定义的任何变量和函数都不会被晋升。
  
  严格模式下，才eval()外部创立的变量和函数无奈被内部拜访。
- Global对象属性、window对象
  
  window对象：浏览器将window对象实现为Global对象的代理。
Math：保留数学公式、信息和计算的中央。蕴含辅助实现简单计算的属性和办法。

Math的计算精度会因浏览器、操作系统、指令集和硬件而异。
- 对象属性：次要用于保留数学中的一些非凡值
- min、max：用于确定一组数值中的最小值和最大值。接管任意个参数。
- ceil、floor、round、fround
  
  ceil：向上舍入为最靠近的整数
  
  floor：向下舍入为最靠近的整数
  
  round：四舍五入
  
  fround：返回数值最靠近的单精度（32位）浮点值示意。
- random
  
  [0,1)
```
// lowerValue, upperValue 随机返回的最小值和最大值
function selectFrom(lowerValue, upperValue) {
  let choices = upperValue - lowerValue + 1;
  return Math.floor(Math.random()*choices + lowerValue);
  // Math.random()*choices => [0, choices)
  // Math.random()*choices + lowerValue => [lowerValue, choices+lowerValue)
}
selectFrom(2, 10);
```
  如果为了加密而须要生成随机数，倡议应用window.crypto.getRandomValues()。
- 其余简略或高阶数运算的办法

关于javascript:JavaScript高级程序设计笔记05-基本引用类型

根本援用类型

Date

RegExp

原始值包装类型

单例内置对象

评论

发表回复取消回复

更多文章

DDN HPC 存储硬件架构设计深度分析

探秘IO500：从Lustre并行文件系统出发，开启HPC存储性能新征程

苹果iOS打包的ipa应用无法安装？一篇文章带你了解可能的原因及排查方法

图解Golang：从零开始实现简易版过期LRU缓存

关于javascript:JavaScript高级程序设计笔记05-基本引用类型

根本援用类型

Date

RegExp

原始值包装类型

单例内置对象

评论

发表回复 取消回复

更多文章

DDN HPC 存储硬件架构设计深度分析

探秘IO500：从Lustre并行文件系统出发，开启HPC存储性能新征程

苹果iOS打包的ipa应用无法安装？一篇文章带你了解可能的原因及排查方法

图解Golang：从零开始实现简易版过期LRU缓存

发表回复取消回复