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之间的小数

 */

  

/**

 * 其他方法:查表

 */
上一篇:SIT/UAT测试


下一篇:【动画消消乐】HTML+CSS 自定义加载动画 057