目录一、原始包装类型1、Boolean2、Number3、String二、原始包装类型的特点1、原始值为什么可以调用一些方法2、引用类型和原始值包装类型的区别3、原始包装类型构造函数
前言:
引出问题: 如下一段简单的代码,变量a赋予了字符串类型原始值"str",通过控制台打印输出变量a,只有“str"。a并没有定义slice这个方法,但是后续为什么变量a可以调用slice方法呢?
let a = "str";
console.log(a); // "str"
console.log(a.slice(1)) // "tr"
针对以上问题,需要追溯到javascript中的原始包装类型。
为了方便操作原始值,ECMAScript提供了3种特殊的引用类型:Boolean、Number 和 String
关于Boolean、Number 和 String涉及的方法和属性很多,这里仅介绍三种引用类型的 valueOf() 方法和 toString() 方法。
创建一个Boolean类型的对象实例时,传入的参数按转换为Boolean类型值的规则确实是true还是false
(1)valueOf() :返回一个原始值 true 或者 false
let a = new Boolean(true);
console.log(a.valueOf()); // true
(2)toString() :返回字符串 ‘true' 或者 'false'
let b = new Boolean(false);
console.log(b.toString()); // "false"
(1)valueOf() :返回对象的原始数值
let a = new Number(12);
console.log(a.valueOf()); // 12
(2)toString() :返回相应基数(进制数)的数值字符串
let b = new Number(123);
console.log(b.toString()); // "123"
valueOf() 、toString() 和 toLocalString() 都继承自 Object,均返回对象的原始字符串值
let a = new String('str');
console.log(a.valueOf()); // str
console.log(a.toString()); // str
console.log(a.toLocaleString()); // str
let s = "str";
console.log(s.slice(1)) // "tr"
如上代码,第二行中访问a时,是以读模式访问的,也就是要从内存中读取变量保存的值。
在以读模式访问字符串值得任何时候,后台都会自动执行以下三步:
(1)根据字符串值创建一个 String 类型的实例
(2)调用实例上的特定方法
(3)销毁实例
即相当于执行了以下三行代码:
// 创建String实例
let s = new String("str");
// 调用特定方法
s.slice(1)
// 销毁实例
s = null
这种行为则让原始值拥有了对象的行为。
针对布尔值和数值,也会在后台执行相同的步骤。
引用类型和原始值包装类型的区别主要在于对象的生命周期:
以Number为例:
let a = Number(1);
console.log(typeof a); // number
let b = new Number(1);
console.log(typeof b); // object
一个简单的知识点,主要自己之前学习太仓促,这些基础知识点并没有学习牢固,此复盘整理一下。
--结束END--
本文标题: JavaScript 原始包装类型汇总
本文链接: https://www.lsjlt.com/news/149728.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0