前端系统化学习【JS篇】:（四）Javascript中的数据类型

前言

• 细阅此文章大概需要 $\color{red}{3分钟}$左右
• 本篇中$\color{red}{简述}$了：
  1. Javascript中常用的数据类型
  2. 基本数据类型
  3. 引用数据类型
  4. 数据类型的检测（简述）
• 如果有任何问题都可以留言给我，我看到了就会回复，如果我解决不了也可以一起探讨、学习。如果认为有任何错误都还请您不吝赐教，帮我指正，在下万分感谢。希望今后能和大家共同学习、进步。
• 下一篇会尽快更新，已经写好的文章也会在今后随着理解加深或者加入一些图解而断断续续的进行修改。
• 如果觉得这篇文章对您有帮助，还请点个赞支持一下，谢谢大家！

Javascript中常用的数据类型

• Javascript中的数据类型分为【基本数据类型】和【引用数据类型】
  • 基本数据类型【按值操作】
  • 引用数据类型【操作的是堆内存的空间地址】

基本数据类型

• 数字 number
  • 包含常规数字和NaN
• 字符串 string
  • 所有用双引号、单引号、反引号（撇） 包起来的都是字符串
• 布尔 boolean
  • true false
• 空对象指针 null
• 未定义 undefined
• symbol
  • Symbol([val]):创建唯一值

      console.log(Symbol('A')==Symbol('A'));
  

• bigint:大数据值【JS中存在最大安全数和最小安全数】

      console.log(Number.MAX_SAFE_INTEGER);//9007199254740991//最大安全数
      console.log(Number.MIN_SAFE_INTEGER);//-9007199254740991//最小安全数
      //9007199254740991n【在后面加个n，就变为bigint类型的数字】
  

引用数据类型

• 对象数据类型object
  • {} 普通对象 Map
  • 实例对象
  • prototype原型对象
  • [] 数组对象 Set
  • /内容/正则对象（ /^[+-]?(\d|([1-9]\d+))(.\d+)?$/ 【验证是否为有效数字】）
  • Math数学函数对象
  • 日期对象
  • ....
• $\color{red}{所有的引用数据类型数据的创建都要开辟一个【堆内存】}$
• 函数数据类型function

数据类型的检测（简述）【数据类型检测详解敬请期待第五章】

1. typeof
   • 检测出来的 结果永远显示一个字符串 ，字符串中包含了我们检测的数据对应的数据类型
   • typeof null => "Object"【【是个bug】不属于对象，而是因为二进制存储值以000开头了。】
   • 局限性 ：用typeof检测对象当中细分的类型，其结果都是"Object"，不能用它来区分细分的对象
2. instanceof
3. constructor
4. Object.prototype.toString.call([value])