JavaScript从入门到精通系列第二十七篇:详解JavaScript中的包装类

大神引荐:作者有幸结识技术大神孙哥为好友获益匪浅,现在把孙哥视频分享给大家

孙哥链接:孙哥个人主页
作者简介:一个颜值99分,只比孙哥差一点的程序员
本专栏简介:话不多说,让我们一起干翻JavaScript

本文章简介:话不多说,让我们讲清楚JavaScript里边的Math

文章目录

前言

一:包装类

1:包装类作用

2:包装类成员

3:包装类作用

4:包装类使用


前言

包装类就类似于把一个草根包装成一个明星,就类似于Java中的Integer。

JavaScript中的基本数据类型String Number Boolean Null Undefined

引用数据类型:Object

一:包装类

1:包装类作用

Js中的包装类为我们提供了三个包装类,通过这三个包装类可以将我们的基本数据类型数据转换为对象。

2:包装类成员

JS中提供的包装类:String()、Boolean()、Number()。这三个东西叫构造函数也行,也可以叫做类

3:包装类作用

String()包装类可以将基本数据类型的字符串转换为String对象

Number()包装类可以将基本数据类型的数字转换为Number对象

Boolean()包装类可以将布尔类型转换为Boolean对象

4:包装类使用

java 复制代码
var num = new Number(6);
var str = new String("hello");
var bool = new Boolean(true);

基本对象比基本类型功能更加强大,我们可以往对象里边添加属性、方法等。

但是,注意我们在开发中基本不会使用基本数据类型的对象在做一些比较时,会带来一些不可预期的结果。

举个例子:

java 复制代码
var b = new Boolean(false);
if(b){
    alert("我运行了~~~")
}

运行结果:

但是,值得注意的是,当我们调动基本数据类型的属性和方法时(基本数据类型压根就没有属性和方法),浏览器会临时使用包装类将其转换为对象,然后调用对象的属性和方法。

在调用完毕之后,再自动转换为基本数据类型。

代码如下:

java 复制代码
var s = 123;
s = s.toString();
console.log(s);
console.log(typeof s);

运行结果如下:

相关推荐
毕设源码-朱学姐4 小时前
【开题答辩全过程】以 工厂能耗分析平台的设计与实现为例,包含答辩的问题和答案
java·vue.js
喵了meme5 小时前
C语言实战4
c语言·开发语言
码界奇点5 小时前
Python从0到100一站式学习路线图与实战指南
开发语言·python·学习·青少年编程·贴图
9ilk5 小时前
【C++】--- 特殊类设计
开发语言·c++·后端
sali-tec6 小时前
C# 基于halcon的视觉工作流-章68 深度学习-对象检测
开发语言·算法·计算机视觉·重构·c#
老前端的功夫6 小时前
Vue 3 性能深度解析:从架构革新到运行时的全面优化
javascript·vue.js·架构
天天扭码6 小时前
如何实现流式输出?一篇文章手把手教你!
前端·aigc·ai编程
前端 贾公子6 小时前
vue移动端适配方案 === postcss-px-to-viewport
前端·javascript·html
生骨大头菜7 小时前
使用python实现相似图片搜索功能,并接入springcloud
开发语言·python·spring cloud·微服务
绝不收费—免费看不了了联系我7 小时前
Fastapi的单进程响应问题 和 解决方法
开发语言·后端·python·fastapi