JavaScript要注意的特性

1. 隐式类型转换：

console.log(1 + "2"); // 输出 "12"
console.log("2" - 1); // 输出 1

2. NaN：

NaN 是一个特殊的数值，它与任何值（包括它自身）的比较结果都是 false。

console.log(typeof NaN); // 输出 "number"
console.log(NaN === NaN); // 输出 "false"

3. 全局作用域和变量提升：

在 JavaScript 中，变量声明会被提升到函数或全局作用域的顶部，这可能导致一些不易察觉的问题：

function example() {
  console.log(x);
  var x = 5;
  console.log(x);
}

example(); // 输出 "undefined" 和 "5"

4. this 的动态性：

JavaScript 中的 this 关键字的值在函数调用时是动态确定的，这可能导致意外的行为：

1.在全局上下文中（函数外部），this 指向全局对象（在浏览器环境中通常是 window 对象）。

console.log(this); // 在浏览器环境中，输出的是 window 对象

2.在函数中，this 的值取决于函数的调用方式。

const obj = {
  value: 42,
  getValue: function() {
    console.log(this.value);
  }
};

obj.getValue(); // 输出 42

3.当一个函数被使用 new 关键字调用时，this 指向新创建的对象。

function MyClass() {
  this.value = 42;
}

const obj = new MyClass();
console.log(obj.value); // 输出 42

4.箭头函数没有自己的 this，它会捕获在它被创建时所处的上下文的 this 值。

const obj = new MyClass();
console.log(obj.value); // 输出 42

5.使用 call、apply 或 bind 显式指定 this：

function myFunction() {
  console.log(this.value);
}

const obj = { value: 42 };

myFunction.call(obj); // 输出 42

5. 异步编程：

JavaScript 中的异步编程可能导致回调地狱（Callback Hell）和难以维护的代码结构。
有Promise 和 async/await 等解决方案。

setTimeout(function() {
  console.log("Timeout finished.");
}, 0);

console.log("After setTimeout.");
// 输出顺序可能是 "After setTimeout." 和 "Timeout finished."，而不是期望的 "Timeout finished." 和 "After setTimeout."

6. 小数精度问题：

在 JavaScript 中，由于使用浮点数表示数字，可能会导致小数精度丢失。

console.log(0.1 + 0.2); // 输出 0.30000000000000004，而不是期望的 0.3