JavaScript-包装对象

逻辑探幽人
• 阅读 2905

一、ECMAScript数据类型

(1)最新的 ECMAScript 标准定义了 7 种 数据类型:

6种 原型类型:

  1. Boolean. 布尔值,true 和 false.
  2. null. 一个表明 null 值的特殊关键字。 JavaScript 是大小写敏感的,因此 null 与 Null、NULL或其他变量完全不同。
  3. undefined. 变量未定义时的属性。
  4. Number. 表示数字,例如: 42 或者 3.14159。
  5. String. 表示字符串,例如:"Howdy"
  6. Symbol ( 在 ECMAScript 6 中新添加的类型).。一种数据类型,它的实例是唯一且不可改变的。

以及 Object 对象

(2)这7种数据类型中,对象为“引用类型”,其他六种为“原始类型”(或叫“基本类型”)。

二、原始类型没有属性和方法

(1)按原始类型和引用类型的定义来说,只有引用类型(对象)才有属性和方法,原始类型是没有属性和方法的。

(2)但是我们也能经常看到有下面这样的写法。

JavaScript-包装对象

(3)我们使用 toString() 方法,将 num 这个数值类型转换成了字符串类型,如此我们用 原始类型 num 调用了 toString() 方法,那么是不是原始类型也能调用方法呢?答案是否定的。仍然只有对象才能拥有属性和方法。

(4)【疑问】为什么 num 调用了 toString() 却没有报错呢?这就需要我们了解包装对象的概念了。

三、包装对象的概念

(1)在JavaScript中,“一切皆对象”,包括三种原始类型的值(数值字符串布尔值),在一定条件下,也会自动转为对象,也就是原始类型的“包装对象”。

(2)包装对象是特殊的引用类型。每当读取数字、字符串和布尔值的属性或方法时,创建的 临时对象 称做包装对象。

四、包装对象

4.1 构造函数

(1)为了便于引用字符串的属性和方法,JavaScript将字符串值通过调用 new String() 的方式 转换成对象,这个对象继承了字符串的属性和方法,并被用来处理属性和方法的引用。数值和布尔值也是如此。

JavaScript-包装对象

(2)虽然包装对象看上去和原来的值一模一样,显示出来的也是一模一样,但他们的 类型 已经变为 object

(3)【注意】包装对象和原始值用 === 比较会返回 false

JavaScript-包装对象

4.2 数据类型转换

(1)Number、String 和 Boolean,如果不作为构造函数调用(即调用时不加 new);此时,Number()Boolean()String() 被当做普通函数,把任何类型的数据转换为 number、boolean和string类型(注意不是其包装类型)。

JavaScript-包装对象

4.3 总结

(1)这三个包装对象作为 构造函数 使用(带有 new)时,可以将 原始类型的值转为对象

(2)作为 普通函数 使用时(不带有 new),可以将任意类型的值,转为原始类型的值

五、包装对象的销毁

(1)【注意】一旦包装对象的属性或方法的引用结束,这个新创建的对象就会销毁

JavaScript-包装对象

(2)【说明】在上面的例子中,代码第二行 name 属性赋值时,包装对象就会登场,创建一个 str 对应的临时对象,当然,这行代码执行完成,这个对象也就被销毁。然后在第三行则会创建一个新的包装对象,这个对象当然没有 name 属性,所以输出的是 undefined。

六、包装对象的目的

6.1 涵盖所有值

(1)包装对象的最大目的,首先是使得 JavaScript 的对象涵盖所有的值

6.2 方便调用方法

(1)其次使得原始类型的值可以方便地调用某些方法。

阅读更多

参考文章

包装对象 -- JavaScript 标准参考教程(alpha)
javascript类型系统——包装对象 小火柴的蓝色理想

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Karen110 Karen110
3年前
一篇文章带你了解JavaScript日期
日期对象允许您使用日期(年、月、日、小时、分钟、秒和毫秒)。一、JavaScript的日期格式一个JavaScript日期可以写为一个字符串:ThuFeb02201909:59:51GMT0800(中国标准时间)或者是一个数字:1486000791164写数字的日期,指定的毫秒数自1970年1月1日00:00:00到现在。1\.显示日期使用
美凌格栋栋酱 美凌格栋栋酱
6个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
凝雪探世界 凝雪探世界
4年前
js-Answers一
JavaScript的组成JavaScript由以下三部分组成:1.ECMAScript(核心):JavaScript语言基础2.DOM(文档对象模型):规定了访问HTML和XML的接口3.BOM(浏览器对象模型):提供了浏览器窗口之间进行交互的对象和方法JS的基本数据类型和引用数据类型
Souleigh ✨ Souleigh ✨
4年前
安利几个JS开发小技巧
开发小技巧<br/1、转换布尔值除了常规的布尔值true和false之外,JavaScript还将所有其他值视为truthy或falsy。除非另有定义,否则JavaScript中的所有值都是truthy,除了0,“”,null,undefined,NaN,当然还有false,这些都是falsy我们可以通过使用负算运算符轻松地
Stella981 Stella981
3年前
JavaScript学习总结(十七)——Javascript原型链的原理
一、JavaScript原型链ECMAScript中描述了原型链的概念,并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。在JavaScript中,用__proto__属性来表示一个对象的原型链。当查找一个对象的属性时,JavaScript会向上遍历原型
Stella981 Stella981
3年前
ECMAScript——JavaScript的核心
   JavaScript(简称:JS)是一种动态类型、弱类型的直译式脚本语言。也就是说它的数据类型不需要声明,不同类型之间会隐式转换为被赋值的类型。它不需要编译,直接由浏览器解释执行。JavaScript由ECMAScript(简称:ES)、DOM、BOM三大部分组成:ECMAScript规定了语言的语法和基本对象;DOM(文本对象模型)处理网页的节
Stella981 Stella981
3年前
JavaScript基础
_1,js组成_       核心:ECMAScript标准                 此标准指定了js的基础语法,数据类型,关键字,操作符,对象;       DOM:文档对象模型标准(DocumentobjectModel)         是js针对xm
小万哥 小万哥
1年前
C# 布尔值和条件语句:入门指南和实用示例
C布尔值在编程中,通常需要一个只能有两个值之一的数据类型,比如:是/否开/关真/假为此,C有一个bool数据类型,可以取true或false的值。布尔值使用bool关键字声明布尔类型,只能取true或false的值:示例:csharpboolisCShar
逻辑探幽人
逻辑探幽人
Lv1
全身而退我不舍,我等时间在惭愧.
文章
4
粉丝
0
获赞
0