javascript中几个容易混淆的概念总结

2023年6月10日下午9:07 • JavaScript

下面我将为你详细讲解 "JavaScript 中几个容易混淆的概念总结"。

1. JavaScript 中的对象和原始类型

JavaScript 中的类型可分为两种，即原始类型和对象类型。原始类型包括字符串、数字、布尔值、undefined 和 null 等。而对象类型则包括对象、数组、函数和正则表达式等。

let str = "hello"; // 原始类型 - 字符串
let num = 123; // 原始类型 - 数字
let bol = true; // 原始类型 - 布尔值
let und = undefined; // 原始类型 - undefined
let nul = null; // 原始类型 - null

let obj = { name: "John" }; // 对象类型 - 对象
let arr = [1, 2, 3]; // 对象类型 - 数组
function fn() {} // 对象类型 - 函数
let reg = /[a-z]/; // 对象类型 - 正则表达式

值得注意的是，虽然原始类型不是对象类型，但它们具有一些与对象类型相似的方法和属性。例如字符串和数字都有 toFixed() 方法，布尔值有 toString() 方法。这是因为 JavaScript 为了让开发者更方便地操作原始类型，对其进行了 "封装"，使其具备了一定的对象能力。

2. JavaScript 中的 undefined 和 null

undefined 和 null 都表示 "无值"。但它们之间却有着一些微妙的差别。

undefined 表示变量声明但未赋值，或者赋值为 undefined。
null 表示变量赋值为 null。

let a;
console.log(a); // undefined

let b = null;
console.log(b); // null

在代码中，经常会用到判断变量是否为 null 或 undefined 的情况。此时最好使用全等运算符 === ，因为它会先判断类型，再判断值。而不等运算符 != 只会判断值，可能会出现类型隐式转换的问题。

let c;

if (c === undefined) { // 推荐
  console.log("c is undefined");
}

if (c == undefined) { // 不推荐
  console.log("c is null or undefined");
}

3. JavaScript 中的同步和异步

JavaScript 是单线程执行的，也就是说，在同一时刻只能执行一段代码。但 JavaScript 引擎采用事件循环机制，可以使用回调函数等方式实现异步操作。

同步操作是按照顺序依次执行的操作，通常情况下会阻塞程序的执行，直到操作完成并返回结果。而异步操作则是指在操作执行过程中，程序可以继续执行下面的代码。通常情况下，异步操作会在操作完成后通过回调函数的方式返回结果。

// 同步操作
let result = doSync();

// 异步操作
doAsync(function(result) {
  console.log(result); // 在 doAsync 函数执行完成后才会打印
});

需要注意的是，在异步操作中，由于是在后台执行的，所以操作结果不一定按照顺序返回。例如，下面的代码中，console.log 语句的顺序并不一定是按照代码中的顺序执行的。

console.log("start");

setTimeout(function() {
  console.log("async 1");
}, 1000);

setTimeout(function() {
  console.log("async 2");
}, 500);

console.log("end");