dw做网站实例抖音seo培训
目录
1. 数据类型概述
2. Undefined类型
3. Null类型
4. Boolean类型
构造函数
实例方法
5. Number类型
构造函数
静态属性
实例方法
6. String类型
构造函数
实例方法
7. Symbol类型
构造函数
静态方法
8. BigInt类型
构造函数
实例方法
9. Object类型
构造函数
静态方法
原型方法
常见子类型示例
Array类型
Date类型
1. 数据类型概述
JavaScript共有8种数据类型：
- 基本类型(7种)：Undefined、Null、Boolean、Number、String、Symbol、BigInt
- 复杂类型(1种)：Object
2. Undefined类型
表示未定义的值，没有构造函数和内置方法
let test;
console.log(test); // undefined
3. Null类型
表示空值，没有构造函数和内置方法
let empty = null;
console.log(empty); // null
4. Boolean类型
构造函数
new Boolean(value) // 返回布尔对象
Boolean(value) // 返回原始值
实例方法
const bool = new Boolean(true);// toString()
console.log(bool.toString()); // "true"// valueOf()
console.log(bool.valueOf()); // true
5. Number类型
构造函数
new Number(value) // 返回数字对象
Number(value) // 返回原始值
静态属性
Number.MAX_VALUE // 最大数值
Number.MIN_VALUE // 最小正值
Number.NaN // 非数字值
实例方法
const num = 123.456;// toFixed(n)
console.log(num.toFixed(2)); // "123.46"// toString(radix)
console.log(num.toString(16)); // "7b.74bc6a7ef9"// toExponential(n)
console.log(num.toExponential(2)); // "1.23e+2"
6. String类型
构造函数
new String(text) // 返回字符串对象
String(text) // 返回原始值
实例方法
const str = "Hello World";// charAt(index)
console.log(str.charAt(1)); // "e"// substring(start, end)
console.log(str.substring(0,5)); // "Hello"// replace(search, replace)
console.log(str.replace("World", "JS")); // "Hello JS"
7. Symbol类型
构造函数
Symbol([description])
静态方法
// Symbol.for(key)
const sym1 = Symbol.for('uid');// Symbol.keyFor(sym)
console.log(Symbol.keyFor(sym1)); // "uid"
8. BigInt类型
构造函数
BigInt(value)
实例方法
const bigInt = 123n;// toString()
console.log(bigInt.toString()); // "123"// valueOf()
console.log(bigInt.valueOf()); // 123n
9. Object类型
构造函数
new Object()
静态方法
// Object.keys(obj)
const obj = {a:1, b:2};
console.log(Object.keys(obj)); // ["a", "b"]// Object.assign(target, source)
const target = {a:1};
Object.assign(target, {b:2});
console.log(target); // {a:1, b:2}
原型方法
// hasOwnProperty(key)
console.log(obj.hasOwnProperty('a')); // true// toString()
console.log(obj.toString()); // "[object Object]"
常见子类型示例
Array类型
const arr = [1,2,3];// push(element)
arr.push(4); // [1,2,3,4]// map(callback)
console.log(arr.map(x => x*2)); // [2,4,6,8]
Date类型
const date = new Date();// getFullYear()
console.log(date.getFullYear()); // 当前年份// toISOString()
console.log(date.toISOString()); // ISO格式字符串
本文完整覆盖了JavaScript的8种数据类型及其核心内置方法，通过示例代码演示了各类型的主要特性。实际开发中建议优先使用原始类型，仅在必要时使用包装对象。