Javascript高级程序设计第五章 | ch5 | 阅读笔记

基本引用类型

Date

  1. 在不给定时间的情况下创建Date实例，创建的对象将保存当前的日期和时间。
  2. 要基于其他时间创建Date对象，必须传入其毫秒时表示
    1. Date.parse()
      1. 月/日/年（5/21/2022）
      2. 月名 日, 年（May 21, 2022）
      3. 周几 月名 日 年 时:分:秒 时区（Tue May 23 2022 00:00:00 GMT-0700）
      4. YYYY-MM-DDTHH:mm:ss.sssZ（2019-05-23T00:00:00只适用于兼容ES5的实现）
    2. Date.UTC(年，月，日，时，分，秒)：返回日期的毫秒表示

继承的方法

日期格式化方法

日期/时间组件方法

RegExp

原始值包装类型

Boolean

  1. Boolean会重写valueOf()方法，返回原始值true 或者 false。toString()方法被调用时也会被覆盖
let falseObj = new Boolean(false); 

let result = falseObj && true; // 所有对象在bool表达式中都会转换为true

console.log(result); // true

  

let falseVal = false;

result = falseVal && true;

console.log(result); // false

Number

  1. 重写了valueOF() toLocalString() toString()
  2. toFixed() 0~20个小数位
  3. 科学计数法：toExponential()
  4. 返回最合理的输出结果：toPrecision()
  5. isInteger()是否为整数

String

常用方法：

  1. normalize()方法
  2. 字符串操作方法
    1. slice()
    2. substr()
    3. substring()
    4. 第一个参数表示字符串开始位置，第二个参数表示结束位置
    5. 对于substr()而言，第二个参数表示截取的子字符数量
  3. 字符串位置方法
    1. indexOf(str, idx)
    2. lastIndexOf(str, idx)
    3. 在字符串中搜索传入的字符串，并返回位置，没找到则返回-1
    4. indexOf从头开始查找
    5. lastIndexOf从末尾开始
    6. 第二个参数的意思是从指定位置开始查找
  4. 字符串包含方法
    1. startsWith(str)：是否以str开头
    2. endWith(str)：是否以str结尾
    3. includes(str)：是否包含str
    4. 搜索传入的字符串，并返回一个bool值
  5. trim()方法：创建字符串的副本，删除前后所有的空格，再返回结果
  6. repeat(times)方法：返回将字符串拼接times次之后的结果
  7. padStart(len, str)和padEnd(len, str)方法
    1. 将字符串用指定str拼接成长度为len的字符串
    2. padStart是在开头填充
    3. padEnd是在结尾填充
  8. 字符串迭代器与解构
let message = 'abc';

let stringIterator = message[Symbol.iterator]();  

console.log(stringIterator.next()); // {value: 'a', done: false}
for (const c of message) console.log(c); // a b c
console.log([...message]); // ['a', 'b', 'c']
  1. 字符串大小写转换
    1. toLowerCase()
    2. toLocaleLowerCase()
    3. toUpperCase()
    4. toLocaleUpperCase()
    5. local: 针对特对地区实现，如果不知道代码涉及什么语言，最后使用local
  2. 字符串模板方法
    1. match(): 本质上和RegExp对象的exec()方法相同，接受一个参数（可以说正则表达式、RegExp对象）
    2. search(): 始终返回第一个匹配的位置，其余与match相同
    3. replace(): 替换
    4. split(): 根据传入的分隔符将字符串拆分成数组
  3. localCompare() 方法：实现所在的地区决定了这个方法如何比较字符串
  4. HTML方法

单例内置对象

Global

/**

 * encodeURI()

 * encodeURIComponent()

 *

 * decodeURI() 只对encordURI()编码的字符进行解码

 * decodeURIComponent() 解码所有被encodeURIComponent()编码的字符

 */

  

let url = 'http:// www.azoux.com/azou domy.js'

console.log(encodeURI(url)); // http://%20www.azoux.com/azou%20domy.js

console.log(encodeURIComponent(url)); // http%3A%2F%2F%20www.azoux.com%2Fazou%20domy.js

  
  

/**

 * eval()方法：这个方法就是一个完整的ECAMScript解释器，它接受一个参数，即一个要执行的JavaScript字符串

 * 当解释器发现eval时，会把eval中的代码插入到该位置

 * 通过eval调用的代码，属于调用所处的执行上下文

 */

  

eval('console.log("azoux");');

// 等价于 console.log("azoux");

  

/**

 * Global 对象属性

 * 有个表格，基本都是一些构造函数和特殊值

 */

  

/**

 * window对象

 * 浏览器将window对象实现为Global对象的代理

 * 另一种获取Global对象的方式

 */

  

let global = function () {

 return this;

}();

  

console.log(global); // window

Math

/**

 * Math对象属性: 具体查表

 */

  

/**

 * min()和 max()方法

 * 用于确定一组数值的最大最小值

 */

console.log(Math.min(...[1, 2, 3, 4, 5, 6])); // 1

console.log(Math.max(...[1, 2, 3, 4, 5, 6])); // 6

  

/**

 * 舍入方法

 * Math.ceil()： 始终向上舍入为最接近的整数

 * Math.floor()：始终向下舍入为最接近的整数

 * Math.round()：四舍五入

 * Math.fround()：返回数值最接近的单精度（32位）表示

 */

  

/**

 * random()方法：随机返回0~1之间的小数

 */

  

/**

 * 其他方法：查表

 */
posted @ 2022-01-23 17:15  azoux  阅读(40)  评论(0)  编辑  收藏  举报