【JavaScript】包装类

包装类

number string boolean 有包装类

• 对象有属性 & 方法
• 基本数据类型没有属性 & 方法

let num1 = 10;
let num2 = new Number(10);

console.log(num1); // 10
console.log(num2); // Number {10}

// 添加属性
num1.name = 'superman1';
num2.name = 'superman2';

console.log(num1.name); // undefined
console.log(num2.name); // superman2

可以看到，num1.name 输出的是 undefined，而没有报错。因为 num1 num2 其实都是基本数据类型的对象，可以设置并输出属性值

这就是包装类的功能：将基本数据类型的变量隐式地包装成对象

let num = 10;

num.name = 'superman';
// 执行这一步时，其实 js 隐式地执行了 new Number(num).name = 'superman'
// 但是没有变量接收，所以又会被垃圾回收机制处理掉

console.log(num.name);
// 执行这一步时，其实 js 隐式地执行了 console.log(new Number(num).name)
// 但是这个新建的对象并没有 name 属性，所以返回 undefined

特殊：基本数据类型 string 的变量，自带 length 属性

let str1 = '123';
let str2 = new String('123');

console.log(str1); // 123
console.log(str2); // String {"123"}

console.log(str1.length); // 3
console.log(str2.length); // 3

undefined null 没有包装类

let a = null;
console.log(a.name); // TypeError: Cannot read property 'name' of null

测试

let str = "super1";

if (str.length == 6) {
    str.sign = "typeof 返回的结果可能是 String";
    // new String(test).sign = "typeof 返回的结果可能是 String"
};

console.log(str.sign); // undefined
// console.log(new String(test).sign)

可以看到，test.sign 输出的是 undefined，而没有报错

因为 test 是基本数据类型 string 的变量；因为包装类将其隐式地包装成对象了，test.sign 才可以 “使用”