js有几种数据类型?别再回答只有6种了![通俗易懂]

js有几种数据类型?别再回答只有6种了![通俗易懂]关注公众号前端开发博客,回复“加群”加入我们一起学习,天天进步作者:_GeekWL链接:https://juejin.cn/post/6908990212236378120前端现在已经…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

关注公众号 前端开发博客,回复“加群”

加入我们一起学习,天天进步

js有几种数据类型?别再回答只有6种了![通俗易懂]

作者:_GeekWL

链接:https://juejin.cn/post/6908990212236378120

前端现在已经发展到2021年了,你还在回答js只有6种数据类型吗?

类型总结

今天我们就来盘盘 JavaScript 到底有几种数据类型?

首先在 js 中数据类型分为原始数据类型与引用数据类型

原始数据类型

  • number

  • string

  • boolean

  • null

  • undefined

  • symbol (ES6)

  • bigint (ES10)

引用数据类型

  • object

在引用数据类型 object 中包括function/array/object

看到这里我们可以发现总共是 8 种数据类型

ES6新增:Symbol

这种数据类型主要用于创建一个独一无二的标识,不废话,上代码:

let obj = {};
obj.a = 1;
let a = Symbol();
obj[a] = 2; // 此时obj内部的a到底是1还是2呢?我们可以打印一下obj

obj {
 a: 1
 Symbol(): 2
 __proto__: Object
} // 此时我们可以发现定义的变量a似乎只是一种标志,并没有具体的属性名

Symbol在执行的时候可以传递一个字符串,例如:

let obj = {};
obj.a = 1;
let a = Symbol('a');
obj[a] = 2; 

obj {
 a: 1
 Symbol(a): 2 // 有字符串的Symbol更能区分每个独一无二的标识
 __proto__: Object
} 

ES10新增:Bigint

我们都知道在 javascript 中有极限数值的精度问题,举个例子:

let a = Number.MAX_SAFE_INTEGER; // 9007199254740991 最大安全整数
console.log(a + 1); // 9007199254740992
console.log(a + 2); // 9007199254740992
console.log(a + 1 === a + 2); // true
// 此时我们可以发现 a + 1 与 a + 2 计算出来的数值是一样的,虽然可以正常计算,但是已经失去了计算的价值

BigInt是一个内置对象,它提供了表示大于最大安全整数之外的方法, bigint 通常用于计算最大安全整数之外的数值:

BigInt(1) === BigInt('1') === 1n

关于BigInt的更多用法可以参考 MDN官方文档[1]

总结

JavaScript一共有 8 种数据类型,其中 7 种原始数据类型(基本数据类型),1 种引用值类型

参考资料

[1]

MDN官方文档: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt

相关文章

  1. Javascript 里的奇葩知识

  2. 由浅入深,66条JavaScript面试知识点

  3. 20个常用的JavaScript简写技巧

最后

转发文章并关注公众号:前端开发博客,回复 1024,领取前端进阶资料

  1. 回复「电子书」领取27本精选电子书

  2. 回复「加群」加入前端大神交流群,一起学习进步

  3. 回复「JS」获取 JavaScript 精选文章

    js有几种数据类型?别再回答只有6种了![通俗易懂]

分享和在看就是最大的支持❤️

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/196958.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • KeyValuePair 和 Dictionary 的关系和区别「建议收藏」

    KeyValuePair 和 Dictionary 的关系和区别「建议收藏」KeyValuePair 和 Dictionary 的关系1、KeyValuePaira、KeyValuePair是一个结构体(struct);b、KeyValu

    2022年7月4日
    28
  • 脚手架专项施工方案范本_脚手架工程施工方案主要内容

    脚手架专项施工方案范本_脚手架工程施工方案主要内容前言如何快速搭建一个httprunner项目呢?我们可以使用脚手架,脚手架就是自动地创建一些目录,形成一个项目的架构,不需要我们再手动的去创建查看创建新项目的命令先来查看一下帮助命令httpr

    2022年7月28日
    4
  • python在线音乐播放器_python实现音乐播放器「建议收藏」

    python在线音乐播放器_python实现音乐播放器「建议收藏」python是一个比较活泼的语言,它可以很快速、很方便地实现很多有意思的东西。最近,学习了一下如何使用python制作一个简单的音乐播放器,整体的效果如下图所示。所需要的导入的库tkinterostimethreadingpygame如果没有安装这个库,简单粗暴的pipinstall+库例如,我没有安装过pygame这个库,准备工作下载音乐,喜欢的歌曲,选择mp3格式这里,给大家提供一个…

    2022年6月26日
    44
  • android的layout_android可拖拽layout

    android的layout_android可拖拽layoutViewGroup.LayoutParams介绍LayoutParams携带了子控件针对父控件的信息,告诉父控件如何放置自己LayoutParams类也只是简单的描述了宽高,宽和高都可以设置成三种值:1,一个确定的值;2,FILL_PARENT,即填满(和父容器一样大小);3,WRAP_CONTENT,即包裹住组件就好。每一个ViewGroup(例如LinearLayout,RelativeLa…

    2022年9月21日
    3
  • Android布局详解:FrameLayout[通俗易懂]

    Android布局详解:FrameLayout[通俗易懂]后来也一直没有再回头看,再后来,看到评论多是负面的,也就心懒了,这个系列就没再写下去了。今天重新把文章修改一下。完全没有错不敢说,只是把当年漏写的一些内容再补进去吧。评论不删不改,大家自己看吧。我写的文章,基本都是面向新手的,所以没有很多高深的玩法(我自己也不擅长啦,我也不是高手)。所以新手看我的文章,入门即可,高深的内容不在我这里,我的庙小,装不下大神。再版修正说明:首先

    2022年6月2日
    91
  • CAN协议学习(一)

    CAN协议学习(一)一、CAN协议的特点1)在总线空闲时,所有单元都可以发送消息,两个以上单元同时发送消息时,对各消息的Identifier进行逐位仲裁比较,仲裁获胜的单元(具有较高优先级)可继续发送消息,仲裁失败的单元停止发送。2)消息中没有地址,消息广播到总线上,任何总线上的单元都可以接收消息。在总线上增加单元,不会影响到其它的单元。3)最高数据传输速率1Mbps(距离小于40m),最远传输距离10k…

    2022年6月28日
    32

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号