JS原始类型为什么能调用方法原理详解
更新时间：2023年06月11日 11:08:23 作者：BigDipper
这篇文章主要为大家介绍了JS原始类型为什么能调用方法原理详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
引言
参考地址：原始类型的方法
假如，有这样一段代码，将字符串转换为大写：
let str = 'abc'; str.toUpperCase(); // 'ABC'
存储多个属性
这是一段简单又普通的代码，按说str是字符串类型，它存储的是一个单值，并且是不可变的，它不能像对象那样，可以存储多个属性，像这样：
let user = {};
user.name = '张三';
user.say = function () {
return '你好';
};
user.name; // 张三
user.say(); // 你好不能给普通类型添加属性
通过代码可以看到，不能给普通类型添加属性
let user = '';
user.name = '张三';
user.say = function () {
return '你好';
};
user.age; // undefined
user.say(); // user.say is not a function那么，为什么原始类型（比如字符串）能够调用方法（比如toUpperCase()）呢？
其原理是：为了使方法起作用，创建了提供额外功能的特殊“对象包装器”，使用后即被销毁。
“对象包装器”对于每种原始类型都是不同的，它们被称为 String、Number、Boolean、Symbol 和 BigInt。因此，它们提供了不同的方法。
以之前的代码为例：
let str = 'abc'; str.toUpperCase(); // 'ABC'
实际发生的情况：
- 字符串
str是一个原始值。因此，在访问其属性时，会创建一个包含字符串字面值的特殊对象，并且具有可用的方法，例如toUpperCase()。 - 该方法运行并返回一个新的字符串。
- 特殊对象被销毁，只留下原始值
str。
所以原始类型可以提供方法，但它们依然是轻量级的。
JavaScript 引擎高度优化了这个过程。它甚至可能跳过创建额外的对象。但是它仍然必须遵守规范，并且表现得好像它创建了一样。
以上就是JS原始类型为什么能调用方法原理详解的详细内容，更多关于JS原始类型调用方法的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了微信小程序 PHP后端form表单提交实例详解的相关资料,需要的朋友可以参考下2017-01-01
这篇文章主要为大家介绍了ResizeObserver 监视 DOM大小变化示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
这篇文章主要为大家介绍了svgicon组件使用方法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要介绍了微信小程序 本地数据存储实例详解的相关资料,需要的朋友可以参考下2017-04-04
这篇文章主要为大家介绍了前端项目中监听localStorage的变化的解决思路详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
这篇文章主要介绍了详解微信小程序Radio选中样式切换的相关资料,需要的朋友可以参考下2017-07-07
这篇文章主要介绍了微信小程序 共用变量值的实现的相关资料,需要的朋友可以参考下2017-07-07
这篇文章主要介绍了微信小程序 生命周期的相关资料,创建、到开始、暂停、唤起、停止、卸载等过程，需要的朋友可以参考下2016-10-10
这篇文章主要介绍了JavaScript实现余额数字滚动效果，将传入的带滚动的n位数字拆分成每一个要滚动的数，然后动态的创建装着滚动到每一位相应数字的容器，然后放入传入的目标容器中，更多详细内容，一起进入下面文章学习吧2021-12-12
这篇文章主要介绍了微信小程序 Canvas增强组件实例详解及源码分享的相关资料,WeZRender是一个微信小程序Canvas增强组件，这里详细介绍，需要的朋友可以参考下2017-01-01
最新评论