针对初学者的JavaScript八种类型实用小技巧总结

lichongyang

3 月前

下面给你整理一份 针对初学者的 JavaScript 八种类型实用小技巧总结，从基础数据类型到引用类型，附带易懂示例和实用技巧，让你对 JS 类型理解更透彻。

1️⃣ 八种基本类型概览

在 JavaScript 中，八种类型可以分为两类：

基本类型（Primitive Type）：Number、String、Boolean、Symbol、BigInt、undefined、null
引用类型（Reference Type）：Object（数组、函数、对象等都属于 Object）

const num = 42;
const floatNum = 3.14;

Number.isNaN(0/0) // true

Number.MAX_SAFE_INTEGER // 2^53 -1

(12345.678).toFixed(2) // "12345.68"

const str = "Hello World";

const name = "Alice";
const msg = `Hello, ${name}!`; // Hello, Alice!

str.slice(0,5) // "Hello"

Number("123") // 123
parseInt("123.45") // 123

const isTrue = true;

!!0       // false
!!"abc"   // true

true &amp;&amp; false // false
true || false // true

const sym = Symbol('id');

const obj = {};
const key = Symbol('key');
obj[key] = 123;
console.log(obj[key]); // 123

const id1 = Symbol('id');
const id2 = Symbol('id');
console.log(id1 === id2); // false

const big = 123456789012345678901234567890n;

const a = 9007199254740993n;
const b = 10n;
console.log(a + b); // 9007199254741003n

let a;       // undefined
let b = null; // null

typeof undefined // "undefined"
typeof null      // "object" （历史遗留问题）

if (a == null) { // a 为 null 或 undefined
  console.log('空值');
}

const obj = { name: 'Alice', age: 20 };
const arr = [1,2,3];
const func = () => 42;

const newObj = {...obj}; // 浅拷贝

const deep = JSON.parse(JSON.stringify(obj));

Array.isArray(arr) // true

for (let key in obj) console.log(key, obj[key]);
Object.keys(obj).forEach(k => console.log(k, obj[k]));

✅ 小技巧：

value === null
typeof value === 'object' &amp;&amp; value !== null

typeof func === 'function'