JavaScript随记

https://wangdoc.com/javascript/index.html

基本语法中所到的知识：

变量提升的理解：

JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting）。

console.log(a);
var a = 1;

上面代码首先使用console.log方法，在控制台（console）显示变量a的值。这时变量a还没有声明和赋值，所以这是一种错误的做法，但是实际上不会报错。因为存在变量提升，真正运行的是下面的代码。

var a;
console.log(a);
a = 1;

最后的结果是显示undefined，表示变量a已声明，但还未赋值。

---

需要注意的是，-->只有在行首，才会被当成单行注释，否则会当作正常的运算

function countdown(n) {
  while (n --> 0) console.log(n);
}
countdown(3)
// 2
// 1
// 0

经测试，理解上应该是：n–,n>0时进行一直执行。 不规范的写法

---

区块

JavaScript 使用大括号，将多个相关的语句组合在一起，称为“区块”（block）。

对于var命令来说，JavaScript 的区块不构成单独的作用域（scope）。

{
  var a = 1;
}
a // 1

上面代码在区块内部，使用var命令声明并赋值了变量a，然后在区块外部，变量a依然有效，区块对于var命令不构成单独的作用域，与不使用区块的情况没有任何区别。在 JavaScript 语言中，单独使用区块并不常见，区块往往用来构成其他更复杂的语法结构，比如for、if、while、function等

---

执行语句中

注意，if后面的表达式之中，不要混淆赋值表达式（=）、严格相等运算符（===）和相等运算符（==）。尤其是赋值表达式不具有比较作用。

var x = 1;
var y = 2;
if (x = y) {
  console.log(x);
}
// "2"

相当于执行

var x = 1;
var y = 2;
if (x = y) {     --------> 将y的值赋值给x,然后进行if(x), 然后进行执行。
  console.log(x);
}
// "2"

上面代码的原意是，当x等于y的时候，才执行相关语句。但是，不小心将严格相等运算符写成赋值表达式，结果变成了将y赋值给变量x，再判断变量x的值（等于2）的布尔值（结果为true）。

这种错误可以正常生成一个布尔值，因而不会报错。为了避免这种情况，有些开发者习惯将常量写在运算符的左边，这样的话，一旦不小心将相等运算符写成赋值运算符，就会报错，因为常量不能被赋值。

if (x = 2) { // 不报错
if (2 = x) { // 报错

switch语句：中在case中选项结果中必须含有break,否则会执行所有的语句。

JavaScript语言允许，语句的前面有标签（lable），相当于定位符，用于跳转到程序的任意位置。标签可以是任意字符，但是不能是保留字，语句部分可以是任意语句，标签通常与break语句和continue语句配合使用，跳出指定循环。

top:
  for (var i = 0; i < 3; i++){
    for (var j = 0; j < 3; j++){
      if (i === 1 && j === 1) break top;
      console.log('i=' + i + ', j=' + j);
    }
  }

---

1、javaScript数据类型：

number, string, boolean, undefined, null, Object(对象),

number,string,boolean,为原始数据类型，为基本数据类型，不能再分割，undefined，null一般为两个特殊值，

对象是最复杂的数据类型，可以分为三个子类型。对象可以作为其他数据类型的容器。

狭义的对象（object）数组（array）函数（function）

2、typeof运算符：

JavaScript 有三种方法，可以确定一个值到底是什么类型。

• typeof运算符
• instanceof运算符
• Object.prototype.toString方法

typeof运算符可以返回一个值的数据类型。数值、字符串、布尔值分别返回number、string、boolean。

利用这一点，typeof可以用来检查一个没有声明的变量，而不报错

v
// ReferenceError: v is not defined

typeof v
// "undefined"

// 错误的写法
if (v) {
  // ...
}
// ReferenceError: v is not defined

// 正确的写法
if (typeof v === "undefined") {
  // ...
}

其中：使用typeof对空数组进行类别判断，则返回的类型是object，这表示在JavaScript内部，数组本质上是一种特殊的对象，instanceof可以区分数组和对象，

使用typeof对null进行判断，返回object，由于历史原因造成的，

typeof window // "object"
typeof {} // "object"
typeof [] // "object"
var o = {};
var a = [];

o instanceof Array // false
a instanceof Array // true

typeof null // "object"

null的类型是object，这是由于历史原因造成的。1995年的 JavaScript 语言第一版，只设计了五种数据类型（对象、整数、浮点数、字符串和布尔值），没考虑null，只把它当作object的一种特殊值。后来null独立出来，作为一种单独的数据类型，为了兼容以前的代码，typeof null返回object就没法改变了。

---

对于null和undefined的理解，

null表示空值，即该处的值现在为空。调用函数时，某个参数未设置任何值，这时就可以传入null，表示该参数为空。比如，某个函数接受引擎抛出的错误作为参数，如果运行过程中未出错，那么这个参数就会传入null，表示未发生错误。

undefined表示“未定义”，下面是返回undefined的典型场景。

// 变量声明了，但没有赋值
var i;
i // undefined

// 调用函数时，应该提供的参数没有提供，该参数等于 undefined
function f(x) {
  return x;
}
f() // undefined

// 对象没有赋值的属性
var  o = new Object();
o.p // undefined

// 函数没有返回值时，默认返回 undefined
function f() {}
f() // undefined

布尔值

布尔值代表“真”和“假”两个状态。“真”用关键字true表示，“假”用关键字false表示。布尔值只有这两个值。

其中，一下运算符会返回布尔值：

前置逻辑运算符：！(Not)，
相等运算符：===，!==，==，!=
比较运算符：>，>=，<，<=

布尔值的数据类型的转换需要好好了解一下

如果 JavaScript 预期某个位置应该是布尔值，会将该位置上现有的值自动转为布尔值。转换规则是除了下面六个值被转为false，其他值都视为true。

• undefined
• null
• false
• 0
• NaN
• ""或''（空字符串）

注意，空数组（[]）和空对象（{}）对应的布尔值，都是true。

if ('') {
  console.log('true');
}
// 没有任何输出
if ([]) {
  console.log('true');
}
// true

if ({}) {
  console.log('true');
}
// true