sunsetz の 窝

切换主题

除对象、数组外其他数据类型 ​

基本数据类型 ​

1. Number（数字） ​

javascript
const integer = 42;
const float = 3.14;
const scientific = 1.23e5;
const binary = 0b1010; // 10
const octal = 0o777; // 511
const hex = 0xFF; // 255

// 特殊值
const infinity = Infinity;
const negativeInfinity = -Infinity;
const notANumber = NaN;

2. String（字符串） ​

javascript
const single = 'Hello';
const double = "World";
const template = `Hello ${name}!`;
const multiline = `
    Line 1
    Line 2
`;

// 转义字符
const escaped = 'He said "Hello"';
const newline = 'Line 1\nLine 2';
const tab = 'Column 1\tColumn 2';

3. Boolean（布尔值） ​

javascript
const trueValue = true;
const falseValue = false;

// 类型转换
const truthy = Boolean(1); // true
const falsy = Boolean(0); // false

4. Null（空值） ​

javascript
const nullValue = null;

5. Undefined（未定义） ​

javascript
let undefinedValue;
const undefinedValue2 = undefined;

6. Symbol（符号） ​

javascript
const symbol1 = Symbol('description');
const symbol2 = Symbol('description');
console.log(symbol1 === symbol2); // false

// 全局符号
const globalSymbol = Symbol.for('global');
const sameGlobalSymbol = Symbol.for('global');
console.log(globalSymbol === sameGlobalSymbol); // true

7. BigInt（大整数） ​

javascript
const bigInt = 9007199254740991n;
const bigInt2 = BigInt(9007199254740991);

类型转换 ​

1. 显式转换 ​

javascript
// 数字转换
const num1 = Number('123');
const num2 = parseInt('123.45');
const num3 = parseFloat('123.45');

// 字符串转换
const str1 = String(123);
const str2 = (123).toString();

// 布尔转换
const bool1 = Boolean(1);
const bool2 = !!1;

2. 隐式转换 ​

javascript
// 数字运算
const result1 = '5' - 3; // 2
const result2 = '5' + 3; // '53'

// 布尔运算
const result3 = 'true' && true; // true
const result4 = 'false' || false; // 'false'

类型检查 ​

1. typeof 运算符 ​

javascript
typeof 42; // 'number'
typeof 'hello'; // 'string'
typeof true; // 'boolean'
typeof undefined; // 'undefined'
typeof null; // 'object'
typeof Symbol(); // 'symbol'
typeof 42n; // 'bigint'

2. instanceof 运算符 ​

javascript
const date = new Date();
date instanceof Date; // true
date instanceof Object; // true

3. Object.prototype.toString() ​

javascript
Object.prototype.toString.call(42); // '[object Number]'
Object.prototype.toString.call('hello'); // '[object String]'
Object.prototype.toString.call(true); // '[object Boolean]'
Object.prototype.toString.call(null); // '[object Null]'
Object.prototype.toString.call(undefined); // '[object Undefined]'

特殊值处理 ​

1. NaN 检查 ​

javascript
const value = NaN;
isNaN(value); // true
Number.isNaN(value); // true
value !== value; // true

2. 空值检查 ​

javascript
const value = null;
value === null; // true
value === undefined; // false

const value2 = undefined;
value2 === undefined; // true
typeof value2 === 'undefined'; // true

最佳实践 ​

  1. 使用严格相等（===）而不是相等（==）
  2. 优先使用 const 声明常量
  3. 使用模板字符串代替字符串拼接
  4. 使用 Symbol 作为对象属性的键
  5. 使用 BigInt 处理大整数
  6. 注意浮点数精度问题
  7. 使用 Number.isFinite() 检查有限数
  8. 使用 Number.isInteger() 检查整数