首页 > 代码库 > JavaScript基础原始数据类型的封装对象(Primitive Wrapper Object)

JavaScript基础原始数据类型的封装对象(Primitive Wrapper Object)

JavaScript提供了5种原始数据类型:number, string, boolean, null, and undefined。对于前面3个,即number, string, 和boolean提供了封装对象,这些对象的构造函数是Number(), String(), 和Boolean()。下面的代码展示了原始数据类型和它们的封装对象之间的不同:

// a primitive numbervar n = 100;console.log(typeof n); // "number"// a Number objectvar nobj = new Number(100);console.log(typeof nobj); // "object"

 封装对象提供了不少有用的功能,比如Number对象提供了toFixed() 和toExponential()等方法,String对象提供了substring(), charAt(), t和toLowerCase()等方法以及length属性。但其实原始数据类型也可以调用这些方法,因为当你试图对一个原始数据类型调用这些方法的时 候,JavaScript的运行环境会自动地把它们转换成封装对象:

// a primitive string be used as an objectvar s = "hello";console.log(s.toUpperCase()); // "HELLO"// the value itself can act as an object"monkey".slice(3, 6); // "key"// same for numbers(22 / 7).toPrecision(3); // "3.14"

 由于原始数据类型可以完成封装对象的工作,我们没有必要在代码里new出封装对象:因为在需要的时候JavaScript运行环境会帮我们自动的转换它 们。在实际工作中需要乃至封装对象的情况比较少,只有在你需要为一个原始数据类型添加它自己的“属性”的时候,才有必要new出它的封装对象。因为如果你 无法直接使用一个原始数据类型的属性:

// primitive stringvar greet = "Hello there";// primitive is converted to an object// in order to use the split() methodgreet.split(‘ ‘)[0]; // "Hello"// attemting to augment a primitive is not an errorgreet.smile = true;// but it doesn‘t actually worktypeof greet.smile; // "undefined"

 最后说明一下,如果你不使用new来执行封装对象的构造函数,它们帮你把参数转换成一个原始数据类型:

typeof Number(1); // "number"typeof Number("1"); // "number"typeof Number(new Number()); // "number"typeof String(1); // "string"typeof Boolean(1); // "boolean"

 

JavaScript基础原始数据类型的封装对象(Primitive Wrapper Object)