位置: 编程技术 - 正文

浅析JavaScript基本类型与引用类型(javascript基于)

编辑:rootadmin

对于 JavaScript 类型,可以简单地概括为:相对于强类型语言来说,它是弱(松散)类型的语言;有基本类型和引用类型,他们是区别是一个有固定空间存在于栈内存中,一个没有固定空间保存在堆内存中并且在栈内存中保存了一个指向实现位置的指针。

市面上很多书都有不小的篇幅在讲。这篇文章会讲几个方面,这些方面可能会需要你对 JavaScript 已经有了一些简单的了解,特别是 JavaScript 的类型。如果还不一解,可以随手拿起一本关于 JavaScript 的书翻翻,再来看本文。

一、基本类型与引用类型

1.基本类型:Undefined / Null / Boolean / Number / String2.引用类型:Object / Array / Function / Date / RegExp / Error / Map / Set …

为什么引用类型没有枚举完呢,因为这里面你了解这么多就够了,至少在我讲的这篇中这些已经足够。其他的可能很少会用到,甚至像 Map 、Set 这样的也不是所有浏览器都支持。

二、JavaScript 类型的判断

在 JavaScript 有两个 operator 可以用以判断类型。他们是 typeof 和 instanceof,不过圈子很小,它们混的可不是那么好,是出了名的不靠谱。少数情况也是对的,很多情况下是不靠谱的。看看就知道了:

呃~ 可能很多初学的 JavaScript 程序员会因此爆粗口。还大部分人在需要用 JS 的时候已经有了 jQuery 等这样的库,他们都做了封装,让你可以方便地检测类型。当然,事实上要检测也不麻烦,因为那句「在 JavaScript 中,一切都是对象」,当然像很多文档中说到的,undefined 其实和 NaN, Infinity 都只是一个全局属性。你大概知道就可以了。但「对象」可以帮到我们:

这样的话,我们就可以利用 is 这个函数来帮我们搞定类型判断了,并且这个简单的函数有很好的兼容性,可以用到你的项目中去。情况如:

三、JavaScript 类型的转换

在 JavaScript 中,变量(属性)的类型是可以改变的。最常看到的是 String 与 Number 之间的转换。如何把 1 + '2' 变成 呢?这里面有必要理解一下 + 号 operator,它是一个数学运算符,同时也是 JavaScript 中的字符串连字符。所以新手会经常会看到一个有趣的现象,当使用 + 号的时候有时计算出来的不是想要的,而用 - 号却总能得到「正确」的答案。这里面其实就是因为 + 的双重角色导致的。在上面的代码中,可以注意到第二条表达式在 String 前面运用了一个 + 号,强制把它的类转换为 Number。而对于 JavaScript 的类型转换理解,大多数情况下,只要理解 + 具有双重角色就可以了。其他的可以理解类,类似都是可以用赋值/重载来修改的,甚至包括 Error:

四、JavaScript 引用类型这一点是本文的一个难点。相于基本类型,引用可以为其添加属性和方法;引用类似的值是一个引用,把一个引用类型的值赋给一个变量,他们所指向的是同一存储在堆内存中的值。变量(属性)可以重载,但复制会是一件很有趣的事情,后面我们会详细来说。

1. 添加属性和方法

下面的代码我们将会看到,假设我们对一个基本类似赋值,它并不会报错,但在获取的时候却是失效的:

2. 引用类型值的操作

由于引用类型存储在栈内存中的是一个引用,那么当我们指向的同一个原始的值,对值的操作将会影响所有引用;这里有一个例是,重新赋值(并非对值的直接操作)会重新创建一个对象,并不会改变原始值。比如:

3. 引用类型值的复制

对原始值的操作会影响所有引用,而这不一定是我们想要的,有时候我们需要复制一个全新的对象,操作的时候不影响其他引用。而一般情况也,像 Date / Function / RegExp … 都很少有具体的操作,主要是像 Array 和 Object 会有添加项、属性等操作。所以我们主要需要理解的是如何复制 Array 和 Object 对象。

3.1 数组的复制

在 Array 对象中,存在 slice 方法返回一个截取的数组,在 ES5 中 filter 等也返回一个新的数组,那么我们可能利用这个方法来进行复制。3.2 对象的复制

在 Array 的复制中我们使用的是 slice 方法,实际上对于 Array 和 Object 中都可以利用 for ... in 循环来进行遍历并赋值来进行复制。

3.3 Shadow / Deep Copy

像上面的操作,就是我们常说的浅拷贝(Shadow Copy)。不过在 Array 和 Object 都可以有多层(维),像这样的拷贝只考虑到最上面一层的值,在可能存在的值中的 Array 和 Object 都还是指向了原始对象。比如:那么如何做呢?来一个 copy() 函数解决这个问题:这样,我们就可以通过 copy(obj, isDeep) 函数来复制一个 Array 或者 Object 。可以测试一下:

到此。你基本上要了解的关于类型的比较难的点,应该是都基本了解了。当然,复制是最麻烦的一个点,除了经常需要操作的 Array 和 Object 来说,还有 Date / Function / RegExp 的复制。

推荐整理分享浅析JavaScript基本类型与引用类型(javascript基于),希望有所帮助,仅作参考,欢迎阅读内容。

浅析JavaScript基本类型与引用类型(javascript基于)

文章相关热门搜索词:javascript基于什么的语言,javascript基础入门案例,javascript的基础类型,javascript基于,javascript基于,javascript基于什么的语言,javascript基础,javascript基于,内容如对您有帮助,希望把文章链接给更多的朋友!

详解JavaScript语法对{}处理的坑爹之处 JavaScript的语法有多坑,算是众人皆知了。先来上张图代码如下:{}+[];//0[]+{};//"[objectObject]"{}+[]==[]+{};//false({}+[]==[]+{});//true这么蛋疼的语法坑估计也只有Ja

javascript中attribute和property的区别详解 DOM元素的attribute和property很容易混?x在一起,分不清楚,两者是不同的东西,但是两者又联系紧密。很多新手朋友,也包括以前的我,经常会搞不清楚。a

javascript中的throttle和debounce浅析 throttle我们这里说的throttle就是函数节流的意思。再说的通俗一点就是函数调用的频度控制器,是连续执行时间间隔控制。主要应用的场景比如:1.鼠标

标签: javascript基于

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

上一篇:浅析javascript中function 的 length 属性

下一篇:详解JavaScript语法对{}处理的坑爹之处(javascript语言介绍)

  • 员工扣了个税但没交给税务局
  • 进项税大于销项税结转分录
  • 如何做进项税额转出,又认证不了发票
  • 半成品可以计入成本吗
  • 增值税附加税减免
  • 征地补偿费谁来支付
  • 工会刻章费用计入什么支出
  • 一般企业和小企业会计准则的区别
  • 中外合作合资
  • 转让固定资产发生的费用计入什么科目
  • 外汇资本金入账要求
  • 一般纳税人从小规模纳税人处进货
  • 单位体检如何入账
  • 处理固定资产一个月卖一点
  • 混合销售如何做会计分录
  • 进销项税额的会计分录
  • 意外险部分费用怎么算
  • 几种更正法
  • 开出销项负数发票怎么做账
  • 联营店铺收取的收入如何账务处理?
  • 经营租入的土地使用权 待摊
  • bios术语
  • 以前年度损益调整会计分录
  • 苹果推送ios15
  • 收取个人挂靠的管理费用要交税吗?
  • hbuilder怎么下载
  • PHP aes (ecb)解密后乱码问题
  • php图片叠加
  • 公允价值的利弊
  • framework7教程
  • php加减
  • formdata方法
  • Es6的新特性promise对象的设计初衷是
  • IndexError: invalid index of a 0-dim tensor. Use `tensor.item()` in Python
  • curl命令上传文件到服务器
  • php 个人博客 源代码 简单
  • 如何简单去除
  • 预付款能不能开票入账
  • 购进的货物含税吗
  • 油票上没有公司名称可以报么
  • mongodb快速入门
  • 增值税进项税额加计抵减会计处理
  • mysql日志文件在哪
  • 小规模纳税人国税地税都要交吗
  • 用友软件数据导出
  • 异地施工怎么交税
  • 软件开发过程付什么费用
  • 可以抵扣土地增值税的项目
  • 买车险要先付钱再上牌吗
  • 营业执照已办理,公司章程在哪里找
  • 服务行业收入会增加吗
  • 财务报告分析主要内容
  • 贷款利息支出属于财务费用吗
  • 怎么把应付账款调成应收
  • 影响营业利润和利润总额的因素
  • 理财产品产生的收益会成为本金吗为什么
  • 商业医疗保险的缺点
  • 房地产行业的特殊性表现在哪些方面
  • 酒店营业额成本比例
  • 水费发票上的册子是什么
  • 公司房租没有发票不入账税务怎么处理
  • 凭证账本是什么
  • sql server常用
  • 手把手教你如何退税
  • 苹果mac电脑不会关机
  • centos7版本推荐
  • noads.exe - noads是什么进程 有什么用
  • iptables用法
  • Win10 Mobile Build 14342上手体验视频
  • WIN10补丁无法卸载
  • cortana小娜怎么用
  • opengl 变形
  • nodejs 插件开发
  • linux脚本作用
  • html用div来写表格
  • 安装了python2.7和3.6怎么切换版本
  • 税控盘怎么查看开票截止日期
  • 贵阳北控水务电话客服电话
  • 残疾人就业年审经办人
  • 柴油增值税发票
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设