当前位置: 首页 > news >正文

JavaScript 原始数据类型和对应的对象类型(内置对象)之间的关系

JavaScript 原始数据类型和对应的对象类型(内置对象)之间的关系

JavaScript 的原始(primitive)数据类型包括包括数字(Number)、字符串(String)、布尔值(Boolean)、null、undefined、符号(Symbol,ES6 引入)和 BigInt(ES2020 引入)。这些原始数据类型是不可变的,没有属性或方法。

在 JavaScript 中,原始数据类型和内置对象(也称为对象类型或包装器对象)之间存在一种特殊的关系。

原始数据类型和对应的对象类型之间的关系:

  • 原始类型是简单的数据类型,没有属性或方法。
  • 对应的对象类型是通过构造函数创建的复杂对象,具有属性和方法。
  • JavaScript 会在需要时自动将原始类型的值包装成对应的对象类型,以便可以调用方法。
  • 这个自动包装过程通常是透明的,开发者不需要手动进行装箱或拆箱操作。
  • 通常情况下,我们在编程时使用原始数据类型,因为它们更简单、更快。只有在需要利用对象的属性和方法时,JavaScript 引擎才会临时将它们转换为对象。

理解原始数据类型和对象类型之间的关系需要注意的几个方面:

  • 自动装箱(Autoboxing:当你对一个原始数据类型的值使用属性或方法时,JavaScript 会自动将其转换(装箱)为对应的对象类型,这样就可以使用对象提供的方法和属性。例如,当你对一个字符串原始值调用 .length 属性时,JavaScript 会临时将其转换为 String 对象,然后访问其 length 属性。
  • 原始值的不可变性:原始数据类型的值是不可变的,这意味着一旦创建,它们的值就不能改变。相反,对象是可变的,你可以改变其属性和方法。
  • 性能考虑:使用原始数据类型通常比使用对象类型更高效,因为原始类型占用的内存更少,且没有对象的额外开销。
  • 类型转换:你可以通过调用对象类型的方法来显式地将原始类型转换为对象类型,反之亦然。例如,String(123) 会将数字转换为字符串,而 Number("123") 会将字符串转换为数字。

JavaScript 提供了一些内置的构造函数,如 Number 和 String,这些构造函数可以用来创建对应原始类型的包装对象。这些包装对象是可以包含属性和方法的复杂数据类型。当你对一个原始类型的值调用方法时,JavaScript 会临时将其包装成一个对象,以便你可以调用这些方法。

原始类型的数字是不可变的值。当你对一个原始类型的数字进行操作时,实际上是在创建一个新的数字值。例如:

let num = 10;

num.toFixed(2); // "10.00"

在上面的例子中,toFixed 是一个方法,看起来像是直接被数字字面量 10 调用的。但实际上,JavaScript 在幕后将 10 临时转换成了一个 Number 对象,然后在这个对象上调用了 toFixed 方法。这个过程称为 “装箱”(boxing)。

Number 对象是通过 Number 构造函数创建的,它包含了数字的属性和方法。例如:

let numObject = new Number(10);

numObject.toFixed(2); // "10.00"

在这个例子中,numObject 是一个 Number 对象,它是一个包含原始数字值的复杂对象。

原始类型的字符串也是不可变的值。字符串有很多方法,比如 toUpperCase 和 charAt,这些方法可以被字符串字面量直接调用:

let str = "hello";

str.toUpperCase(); // "HELLO"

当调用 str.toUpperCase() 时,原始字符串 "hello" 被临时包装成一个 String 对象,然后在这个对象上调用 toUpperCase 方法。完成方法调用后,这个临时对象就被丢弃了。

String 对象是通过 String 构造函数创建的,它同样包含了字符串的属性和方法:

let strObject = new String("hello");

strObject.toUpperCase(); // "HELLO"

在这个例子中,strObject 是一个 String 对象。

需要注意的是,在实际编程中,我们通常直接使用原始数据类型,而不是显式创建对象类型,因为 JavaScript 引擎会根据需要自动进行装箱和拆箱操作。

换句话说,在实际编程中,我们通常直接使用原始数据类型,因为它们更简单、更高效。JavaScript 引擎会在需要时自动进行原始数据类型到对象类型的临时转换(装箱),以便我们可以利用对象上的方法和属性,这个过程对开发者来说是透明的,通常不需要手动创建这些对象。

并不是每个原始数据类型都有一个直接对应的对象类型,具体情况如下:

Number: 有一个对应的对象类型,即 Number 对象。

String: 有一个对应的对象类型,即 String 对象。

Boolean: 有一个对应的对象类型,即 Boolean 对象。

Symbol: 有一个对应的对象类型,即 Symbol 对象。

BigInt: 有一个对应的对象类型,即 BigInt 对象。

然而,对于 null 和 undefined,情况就不同了:

null: 没有对应的对象类型。null 表示“没有值”或“空值”,它通常用于指示变量未指向任何对象。

undefined: 同样没有对应的对象类型。undefined 表示变量已声明但未被初始化。

内置构造函数和它们创建的对象包装器:

Number: 这个构造函数用于创建数字的对象包装器。例如,new Number(123) 会创建一个包装了数字 123 的 Number 对象。

String: 这个构造函数用于创建字符串的对象包装器。例如,new String("text") 会创建一个包装了字符串 “text” 的 String 对象。

Boolean: 这个构造函数用于创建布尔值的对象包装器。例如,new Boolean(true) 会创建一个包装了布尔值 true 的 Boolean 对象。

Symbol: 用于创建符号的构造函数,它是 ES6 中引入的。例如,Symbol('description') 会创建一个具有描述的新符号。

BigInt: 用于创建大整数的构造函数,它是在 ES2020 中引入的。例如,BigInt(12345678901234567890) 会创建一个 BigInt 对象。

http://www.lryc.cn/news/240560.html

相关文章:

  • 报错For debugging consider passing CUDA_LAUNCH_BLOCKING=1.
  • whisper使用方法
  • 通过easyexcel实现数据导入功能
  • Springboot_文件下载功能(前端后端)
  • Vue框架学习笔记——v-bind数据单向绑定和v-model数据双向绑定
  • 将对象转成URL参数
  • 【论文阅读】MAG:一种用于航天器遥测数据中有效异常检测的新方法
  • 超级武器!深入LoadRunner性能测试流程及极速分析结果!
  • 解决requests库进行爬虫ip请求时遇到的错误的方法
  • 大语言模型领域的重要术语解释
  • 无需公网IP,使用内网穿透实现公网访问本地OpenWRT管理界面
  • 利用 docker 实现JMeter分布式压测
  • Sentinel 分布式系统
  • Cookie、Session、CBV加装饰器的三种方法
  • 【高级渗透篇】网络安全面试
  • 【Flink】Process Function
  • 【源码分析】zeebe actor模型源码解读
  • python3实现类似expect shell的交互式与SFTP的脚本
  • java游戏制作-飞翔的鸟游戏
  • NodeMCU ESP8266构建Web Server网页端控制设备
  • 搭建区块链
  • Python通过selenium调用IE11浏览器报错解决方法
  • Ubuntu 1.84.2Visual Studio Code 下载配置与vscode查看内存Hex Editor插件,简单易懂
  • opencv-图像金字塔
  • 字符串匹配算法——KMP
  • 电子学会C/C++编程等级考试2023年03月(一级)真题解析
  • 微信小程序汽车租赁系统
  • docker部署微服务
  • 统计voc格式数据中的xml标签、bndbox到excel表格中
  • 51单片机利用I/O口高阻状态实现触摸控制LED灯