位置: 编程技术 - 正文

JavaScript类型系统之基本数据类型与包装类型(js的类型有哪几种)

编辑:rootadmin

推荐整理分享JavaScript类型系统之基本数据类型与包装类型(js的类型有哪几种),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript 类型,javascript几种数据类型,javascript基本类型有哪些,js的类型有哪几种,js的类型有哪几种,javascript 类型,js中的类是什么,javascript几种类型,内容如对您有帮助,希望把文章链接给更多的朋友!

写在前面的话

  javascript的数据类型可以分为两种:原始类型和引用类型

  原始类型也称为基本类型或简单类型,因为其占据空间固定,是简单的数据段,为了便于提升变量查询速度,将其存储在栈(stack)中(按值访问)。其中,javascript基本数据类型包括Undefined、Null、Boolean、Number和String五种

  引用类型由于其值的大小会改变,所以不能将其存放在栈中,否则会降低变量查询速度,因此其存储在堆(heap)中,存储在变量处的值是一个指针,指向存储对象的内存处(按址访问)

  [注意]对于引用类型的值,可以为其添加属性和方法,也可以改变和删除其属性和方法;但基本类型不可以添加属性和方法

Undefined

  Undefined类型只有一个值,就是undefined。当声明的变量未初始化时,该变量的默认值是undefined

  对于尚未声明过的变量只能执行一项操作,使用typeof操作符检测其数据类型,但严格模式下会导致错误

typeof(test);//undefined

出现场景

  [1]已声明未赋值的变量

  [2]获取对象不存在的属性

  [3]无返回值的函数的执行结果

  [4]函数的参数没有传入

  [5]void(expression)

类型转换

Null

  Null类型只有一个值,就是null。逻辑角度看,null值表示一个空对象指针,如果定义的变量将用于保存对象,最好将该变量初始化为null。实际上undefined值是派生自null值的,所以undefined == null

  [注意]null是空对象指针,而[]是空数组,{}是空对象,三者不相同

出现场景

  对象不存在时

类型转换

  Boolean(null):   false  Number(null):   0  String(null):    'null'

  [注意]因为undefined和null不是构造器类型,所以不能添加自定义属性

包装类型

  包装类型是特殊的引用类型。每当读取一个基本类型值的时候,后台就会创建一个对应的基本包装类型的对象,从而可能调用一些方法来操作这些数据。包装类型共包括Boolean、Number和String三种

  [注意]引用类型和基本包装类型的主要区别是对象的生存期。使用new操作符创建的引用类型的实例,在执行流离开当前作用域之前都一直保存在内存中。而自动创建的基本包装类型的对象,则只存在于一行代码的执行瞬间,然后立即被销毁。这意味着不能在运行时为基本类型值添加属性和方法

创建方式

显式创建包装类型共两种方式:

JavaScript类型系统之基本数据类型与包装类型(js的类型有哪几种)

  [1]Object方式[不建议使用]

  [2]构造函数方式[不建议使用]

  [注意]使用new调用基本包装类型的构造函数与直接调用同名的转型函数是不一样的

Boolean

  Boolean类型只有两个值:true 和 false。Boolean包装类型是与布尔值对应的引用类型,在布尔表达式中使用Boolean对象容易造成误解

出现场景

  [1]条件语句导致系统执行的隐士类型转换

  [2]字面量或变量定义

类型转换

  Number(true): 1     ||   Number(false) : 0  String(true):'true'     ||   String(false):'false'

Boolean()

  Boolean(undefined):false  Boolean(null):false

  Boolean(非空对象包括空数组[]和空对象{}):true

  Boolean(非0): true || Boolean(0和NaN):false

  Boolean(非空包括空格字符串):true || Boolean(''):false

  [注意]true不一定等于1,false也不一定等于0

包装类型继承的方法

  valueOf():返回基本类型值true 或 false

  toString()和toLocaleString():返回字符串'true' 或'false'

Number

  javascript只有一种数字类型,既可以表示位的整数,还可以表示位的浮点数

  关于Number类型的详细信息移步到此

String

  String类型是javascript中唯一没有固定大小的原始类型

下面接着来理解下JavaScript基本数据类型的包装对象

现象:为什么可以对字符串的操作采用对象的表示法?

例如:

解析:

JavaScript三个基本数据类型都有相应的对象类;分别为Sring,Number,Boolean类;JavaScript可以灵活的将一种类型的值转换为另一种类型;当我们在对象环境中使用字符串时,即当我们试图访问这个字符串的属性或方法时;JavaScript会为这个字符串值内部地创建一个String包装对象;String对象会暂时代替原始的字符串值,完成我们的访问;这个被内部创建的String对象是瞬间存在的,它的作用是使我们可以正常访问属性和方法;String对象在使用过后会被系统丢弃掉;而原始值并不会被改变;

以上同样适用于数字和布尔值类型;

使用Object()函数,任何数字、字符串、布尔值都可以转换为它对应的包装对象;

例如:

谷歌Chrome浏览器扩展程序开发小记 根据公司的规定,每月八小时,弹性工作制。所以大家平时来的不太准时,如果有事,下班也就早些回去了。所以一个月下来工作时间可能不够,但是

年最热门的 款代码语法高亮工具,美化你的代码 前言:代码高亮很有用,特别是在需要在网站或者blog中显示自己编写的代码的时候,或者给其他人查看或调试语法错误的时候。我们可以将代码高亮,

js实现仿qq消息的弹出窗效果 在我们的日常开发中,或者生活中,经常需要用到弹出窗。这里我们就用js模拟一下qq消息一样的弹出窗,分享给大家供大家参考,具体内容如下运行效

标签: js的类型有哪几种

本文链接地址:https://www.jiuchutong.com/biancheng/384725.html 转载请保留说明!

上一篇:4种JavaScript实现简单tab选项卡切换的方法

下一篇:谷歌Chrome浏览器扩展程序开发小记(谷歌chrome浏览器网页版网址)

  • 6.72的税率是怎么算的
  • 新会计准则低值易耗品属于哪个科目
  • 什么是保函业务?如何进行核算?
  • 一般纳税人建账建几本帐
  • 二手车融资租赁公司
  • 集团企业内各个部门职责
  • 河北省东光县是哪个城市
  • 退税差额怎么做账
  • 购销合同印花税按70%
  • 物业费分摊会计分录
  • 企业营业利润为负的原因有哪些
  • 房地产公司未售房产出租账务处理
  • 浏览器标签栏
  • 季度所得税计算方法
  • 企业第一年利润是多少
  • 浅谈25年Linux内核开发经历总结出来的九条经验
  • 社保会计科目怎么做账
  • 硬件设施不完备
  • 手机cpu性能天梯图排行榜
  • 无偿调入固定资产计提折旧吗
  • win7纯净版系统之家
  • PHP:imagecopymerge()的用法_GD库图像处理函数
  • 在我国,企业可以用税前利润弥补几年内的损失
  • java基础教程
  • 加工费计入
  • yii框架教程
  • vue框架是什么样子的
  • echarts中国地图代码
  • reprovision签名失败error
  • discuz去除底部
  • 员工离职补偿怎么入账
  • css设置背景图片填充
  • opengl 帧率
  • 工资直接计入管理费用了怎么办
  • 个税专项扣除子女教育可以怎么扣
  • 营业外收支的账户是什么
  • 季度报税有利润必须要报交所得税吗
  • pd python
  • 网站用masonry瀑布流无限加载重叠解决方法
  • 数据库关键字有哪些
  • sqlserver时间格式化时分秒
  • 出口退税一般风险商品
  • 其他应收款审计说明怎么写
  • 损益类科目调整到未分配利润分录
  • 房地产项目完工清算报告
  • 高工资的工资
  • 小规模纳税人公转私技巧
  • 采购技术服务费计取
  • 天然气管道安装费多少钱一米
  • 工程上第三方代表啥意思
  • 错账查找方法主要有
  • sql语句的子查询
  • sql判断字符串是否为日期
  • linux操作系统基本操作
  • window怎么操作
  • win10系统如何打开运行命令
  • WIN+VMWARE6.5上面网络配置centOs(5.4版) ADSL接入的小结
  • ubuntu系统升级 开机黑屏怎么解决
  • win8电脑触摸屏没反应怎么办
  • mac的dock栏怎么设置
  • centos 安装方法
  • win7任务栏跑到右边了
  • 2015.3.25--2.cocos精灵移动 动画控制(一)
  • jquery的使用步骤
  • 多媒体播放器使用方法
  • Zen Coding css,html缩写替换大观 快速写出html,css
  • cocos2d教程
  • jquery deferred对象
  • node.js安装模式选择
  • android activity回调函数
  • jquery中删除节点方法
  • android 加载更多
  • json读取字符串
  • js添加一个div
  • python操作json字符串
  • 税务疑点核查报告
  • 全国残疾人工作先进个人
  • 如何开通税务系统
  • 一般纳税人资格查询
  • 政府征用土地社保补偿标准
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设