位置: 编程技术 - 正文

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浏览器网页版网址)

  • 支付增值税会计科目
  • 组成计税价格的公式
  • 股东归还公司借款,应该记什么科目
  • 外币账户月末怎么结汇
  • 车船税的收据什么样
  • 企业所得税申报表在哪里查询
  • 利润和营收哪个更重要
  • 开办费计入管理费用后是否要转出
  • 个人股权转让需要注意什么
  • 用友如何结转本年利润到未分配利润
  • 未竣工验收导致发生质量问题由谁承担责任
  • 预计负债计提时调减还是调增
  • 员工替公司垫付的费用还没有报销就被开除了
  • 事业单位自筹事业人员
  • 税务现金流
  • 个人投资收益要交所得税吗
  • 企业所得税税前扣除异常
  • 个人所得税手续费
  • 印花税滞纳金计算方法
  • 房地产企业税负率
  • 处置的固定资产
  • 将商业承兑汇票进行贴现 符有追索权的会计分录
  • 外经证金额没开完需要核销吗
  • 1697510110
  • 个人开票给公司个人所得税怎么扣
  • 营运资金管理策略有哪些
  • 为职工缴纳的意外保险费用
  • 企业预付保险费怎么做账
  • 销售设备并提供安装服务增值税税率
  • win7系统为什么没有无线网络连接
  • 总分类账和明细账
  • 题管理录入新内容
  • 应收账款债权融资计划业务操作指引
  • chrome谷歌浏览器
  • 增值税检查后的调账方法
  • 公司内部往来双向挂账
  • 长期待摊费用的摊销年限有规定吗?
  • 附有退回条件的销售商
  • 微信小程序开发平台
  • 你别找了
  • web自动化测试项目
  • php oauth2 单点登录
  • ps打不出字怎么回事
  • 通过微信支付码能查到微信本人吗
  • 什么情况下要开外经证
  • 增值税留抵税额科目如何使用
  • 前一个月开的发票怎么查
  • 超市的购物卡以什么为准
  • db2 deadlock
  • 债权债务转让会计分录
  • 小规模纳税人可以做进出口贸易吗
  • 生产企业出口自产应税消费品实行什么方法
  • access china
  • 上月暂估的成本这月收到票怎么做
  • 存货管理的类型
  • 收到美元收入如何入账
  • 固定资产为
  • 从事小额零星经营业务的个人,其支出
  • 利润表持续经营净利润怎么算
  • 抵扣进项税额必须用专用发票吗
  • 员工社保,个税怎么计算
  • windows xp和windows 2000
  • iTunesHelper.exe是什么进程?iTunesHelper.exe系统错误怎么解决?
  • 装双win7系统怎么设置
  • linux nfs默认服务端口
  • SUSE Linux Enterprise Server 11 SP1 安装教程图文详解
  • mac怎么格式
  • centos6.10安装
  • win7更新补丁80072efe
  • win10任务栏电源图标打不开
  • win7系统无wifi连接
  • unity开发游戏教程
  • Tutorial 4: Shaders
  • jquery和dom对象之间怎么转换
  • python元数据
  • python怎么设置行号
  • jqueryattrprop区别
  • 谈谈我对中国传统文化的理解
  • javascript面向对象编程指南第三版
  • android assets
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设