Live Note

Remain optimistic

Posted on In

进制表示

0b(0B)表示二进制，0o(0O)表示八进制

Number.isFinite()、Number.isNaN()

Number.isFinite 用来检查一个数值是否为有限的。

1
2
3
4
5
6
Number.isFinite(NaN) //false
Number.isFinite(Infinity) //false
Number.isFinite(-Infinity) //false
Number.isFinite("15") //false
Number.isFinite("foo") //false
Number.isFinite(true) //false
Read more »

Posted on In

基本用法

1
2
3
4
5
var regex = new RegExp("xyz", "i")
var regex = new RegExp(/xyz/i)
var regex = /xyz/i

new RegExp(/abc/gi, "i").flags //ig 被覆盖成 i

match()、replace()、search()、split()

String.prototype.match 调用 RegExp.prototype[Symbol.match]
String.prototype.replace 调用 RegExp.prototype[Symbol.replace]
String.prototype.search 调用 RegExp.prototype[Symbol.search]
String.prototype.split 调用 RegExp.prototype[Symbol.split]

Read more »

Posted on In

codePointAt()

JavaScript-16 的格式储存，每个字符固定为两个字节。需要四个字节储存的字符，JavaScript 会认为那是两个字符。
ES6 提供了 codePointAt 方法，能够正确处理四个字节储存的字符，返回一个字符的码点。

String.fromCodePoint()

识别 UTF-32 字符。

includes()、startsWith()、endsWith()

1
2
3
4
5
6
7
var s = "hello world"
s.startWith("hello") //true
s.endsWith("d") //true
s.includes("o") //true

s.startsWith("world", 6) //true;
s.includes("hello", 6) //false

repeat()

1
2
3
4
5
6
7
8
9
10
11
"x".repeat(3) //'xxx'
"na".repeat(0) //''

"na".repeat(2.9) //取整 -> 'nana'

"na".repeat(Infinity) //Error
"na".repeat(-1) //Error

"na".repeat(-0.9) //''
"na".repeat(NaN) //''
"na".repeat("3") //'nanana'
Read more »

Posted on In

基本用法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
let [a, b, c] = [1, 2, 3]
let [foo, [[bar], baz]] = [1, [[2], 3]]

let [, , third] = ["foo", "bar", "baz"]
third //'baz'
let [x, , y] = [1, 2, 3]
x, y //1, 3

let [head, ...tail] = [1, 2, 3, 4]
head //1
tail //[2, 3, 4]

let [x, y, ...z] = ["a"]
x //a
y //undefined
z //[]

let [x, y, z] = new Set(["a", "b", "c"])
x //'a'
Read more »

Posted on In

ES6 中，为了保持兼容性，var 和 function 声明的全局变量依旧是顶层对象的属性

1
2
3
4
var a = 1 //如果在 Node 的 REPL 环境，可以写成 global.a 或者 this.a
window.a //1
let b = 1
window.b //undefined

global 对象

  • 在浏览器对象中，顶层对象是 window，但 Node 和 Web Worker 没有 window。
  • 在浏览器和 Web Worker 中，self 也指向顶层对象，但 Node 没有 self。
  • 在 Node 中，顶层对象是 global，但其他环境都不支持。

以下为两种勉强可以取到顶层对象的方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//方法一
typeof window !== "undefined"
  ? window
  : typeof process === "object" &&
    typeof require === "function" &&
    typeof global === "object"
  ? global
  : this
//方法二
var getGlobal = function () {
  if (typeof self !== "undefined") {
    return self
  }
  if (typeof window !== "undefined") {
    return window
  }
  if (typeof global !== "undefined") {
    return global
  }
  throw new Error("unalbe to locate global object")
}

Posted on In

一旦声明，值不可变

1
2
const PI = 3.14
PI = 3 //TypeError: Assignment to constant variable.

只声明不赋值也会报错。

1
const foo; //SyntaxError: Missing initializer in const declaration

实质为变量指向的内存地址不可变动

const 只能保证这个指针是固定的，不能控制数据结构的变化。

1
2
3
const foo = {}
foo.prop = 123 //Success
foo = {} //TypeError: 'foo' is read-only

对象冻结方法

使用 Object.freeze 函数，冻结对象

1
const foo = Object.freeze({})

冻结属性的函数

1
2
3
4
5
6
7
8
var makeConstant = (obj) => {
  Object.freeze(obj)
  Object.keys(obj).forEach((key, i) => {
    if (typeof obj[key] === "object") {
      makeConstant(obj[key])
    }
  })
}

Posted on In

let 声明的变量在代码块内有效

1
2
3
4
5
6
7
var a [];
for (let i = 0; i < 10; i++) {
  a[i] = function() {
    console.log(i);
  };
}
a[6](); //6

不存在变量提升

var 命令的变量可以在声明之前使用，值为 undefined

暂时性死区

在代码块内，使用 let 命令声明变量之前，该变量都是不可用的。TDZ(temporal dead zone)

1
2
3
4
5
var temp = 123
if (true) {
  temp = "abc" //ReferenceError
  let temp
}

有些死区是不易发现的

1
2
3
4
5
function bar(x = y, y = 2) {
  //y is not defined
  return [x, y]
}
let x = x //ReferenceError: x is not defined

不允许重复声明

1
2
3
4
function foo() {
  var a
  let a
}

Posted on In

某日被书中一段代码误导

1
2
3
4
5
6
7
8
9
10
11
var promise = new Promise(function (resolve, reject) {
  resolve("ok")
  setTimeout(function () {
    throw new Error("test")
  }, 0)
})
promise.then(function (value) {
  console.log(value)
})
//ok
//Uncaught Error : test

由于前面还有这样一段话

如果 Promise 状态已经变成 Resolved，再抛出错误是无效的。

当时看到这，思索了许久，为什么已经 resolve 了这个 ERROR 还是可以往外抛出呢？
后面发现，settimeout 是一个异步函数，throw 会在下一轮事件循环开始时抛出，所以无论是否 resolve，这个 ERROR 都是会抛出的。

Posted on

开坑第一篇

从大学开始就想着弄一篇自己的博客，但是一直都断断断续的。
在这个风雨交加的午间，我决定开坑了。
可能以后主要还是用于记笔记之类的吧，偶尔应该也会写点杂七杂八的东西。。