JavaScript类型：关于类型，有哪些你不知道的细节？

精选留言(177)

• 

  bertZuo

  老师，对于Number 类型有一个疑惑，您举列的console.log( 0.1 + 0.2 == 0.3)为false，我就另测试了了一下console.log( 0.3 + 0.2 == 0.5)就为true了呢，试试其他都是true，为啥只有是否等于0.3才为false呀？

  2019-01-28

   7

   167
• 

  咕叽咕叽

  感谢winter老师的分享，受益匪浅。
  
  但是本文有两点是值得商榷的。
  其一：
  原文：Undefined 跟 null 有一定的表意差别，null表示的是：“定义了但是为空”。
  私以为，undefined表示的是：“定义了但是为空”。而非null。
  
  二：
  原文：
      var o = {
          valueOf : () => {console.log("valueOf"); return {}},
          toString : () => {console.log("toString"); return {}}
      }
  
      o + ""
      // toString
      // valueOf
      // TypeError
  
  很多朋友已经提出来了，应该是先执行valueof，再执行toString。
  
  这个问题，可以从ecmascript规范中寻找答案：
  
  规范指出，类型转换的内部实现是通过ToPrimitive ( input [ , PreferredType ] )方法进行转换的，这个方法的作用就是将input转换成一个非对象类型。
  
  参数preferredType是可选的，它的作用是，指出了input被期待转成的类型。
  
  如果不传preferredType进来，默认的是'number'。
  
  如果preferredType的值是"string"，那就先执行"toString", 后执行"valueOf"。否则，先执行"valueOf", 后执行"toString"。
  
  由此可见，"toString", "valueOf"的执行顺序，取决于preferred的值。
  
  规范原文请移步：http://www.ecma-international.org/ecma-262/#sec-toprimitive
  
  再回到我们的例子
  var o = {
          valueOf : () => {console.log("valueOf"); return {}},
          toString : () => {console.log("toString"); return {}}
  }
  
  o + ""
  
  类型转换时，把对象o进行转换，调用toPrimitive方法，即toPrimitive(o[ , PreferredType ] )。关键的点是，preferredType是否被传值，传的是什么值？
  
  我们再去看下规范，看看加法运算符的规则。
  
  加法运算符运算过程中有两行代码很重要，如下
      Let lprim be ? ToPrimitive(lval).
      Let rprim be ? ToPrimitive(rval).
  
  可以看出，调用ToPrimitive方法时，第二个参数是没有传参的。
  
  所以preferredType取默认的值"number"。最终先执行"valueOf", 后执行"toString"。
  
  个人愚见，如有纰漏，还请各位同仁指正。

  作者回复: 一、undefined确实是表示未定义，从字面即可看出来。
  
  取JavaScript对象的未定义过的属性得到的都是undefined。
  
  二、嗯，这个地方我确实写错了，等下改过来。

  2019-02-15

   3

   118
• 

  奔跑的兔子

  我发现有很多同学都在纠结undefined问题，为什么不去读一下mdn呢。
  https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined
  前两段写的很明确了。
  undefined is a property of the global object; i.e., it is a variable in global scope. The initial value of undefined is the primitive value undefined.
  In modern browsers (JavaScript 1.8.5 / Firefox 4+), undefined is a non-configurable, non-writable property per the ECMAScript 5 specification. Even when this is not the case, avoid overriding it.
  在ES5之前的时候，undefined是可以被赋值的。在现代浏览器当中已经把undefined设置为一个non-configurable, non-writable属性的值了。
  

  2019-01-28

   1

   75
• 

  yuuk

  undefined在全局环境没法被赋值，在局部环境是可以被赋值的！

  2019-01-26

  

   70
• 

  🍃Spring🍃

  String转number
  Math.floor("1000")
  Math.round("1000")
  Math.ceil("1000")
  var num = +"1000"
  "1000">>>0
  ~~"1000"
  "1000"*1
  

  2019-01-26

  

   56
• 

  于江水

  
  1. 实现字符串转数字的同学，不要单纯考虑这个字符串一定全是数字而用运算符来实现。放在实际场景会出现大量 NaN。
  
  2. “需要注意的是，parseInt 和 parseFloat 并不使用这个转换，所以支持的语法跟这里不尽相同。” 使用是不是打错了？应该是 适用？
  
  3. 代码 Object((Symbol(‘a’)) 要么左边多了括号要么右边少了括号。
  
  4. 希望类似装箱转换、拆箱转换这样的专属名词如果有英文单词可以补充下方便检索更多信息。
  

  2019-01-29

  

   53
• 

  饭小笛 🐱

  关于Number类型，如果想要进一步理解可以去参考IEEE 754中关于浮点数的表达规范，了解这64位中各个位数段表达的含义
  
  文中有几个叙述不清的地方：
  
  1. NaN和+Infinity的规定实际是IEEE 754标准规定的特殊值：
  
  （e为指数的位数，双精度中e=11）
  
  - 指数为2^e – 1且尾数的小数部分全0，这个数字是±∞。（符号位决定正负）
  - 指数为2^e – 1且尾数的小数部分非全0，这个数字是NaN，比如单精度浮点数中按位表示：S111 1111 1AXX XXXX XXXX XXXX XXXX XXXX，S为符号位值无所谓，A是小数位的最高位（整数位1省略），其取值表示了NaN的类型：X不能全为0，并被称为NaN的payload
  
  2. NaN，占用了 9007199254740990，这个叙述不对
  
  留言里很多童鞋都提出了 9007199254740990 被占用是什么意思的疑问，实际是第一点描述的关于NaN规定和参考双精度浮点数的表达方式，尾数共有53位，指数固定为2^e – 1并去掉±∞两个值，那么NaN其实是 2^53-2 个特殊数字的合集（2^53-2 = 9007199254740990 ）；
  
  并不是 9007199254740990 被占用，而是 9007199254740990 个特殊值被占用来表示 NaN
  
  扩展一下，我们就可以理解为什么NaN !== NaN了，它确实不是一个值，而是一群值呢0 0！

  2019-02-04

   3

   40
• 

  啊咩

  在chrome 70我尝试拆箱转换对象，但是无论是转String还是Number都是先valueOf 再toString呀～

  2019-01-27

  

   33
• 

  0xAC7

  1. JavaScript 七种数据类型；
  2. 数据类型转换；
  3. 数据类型检测；
  貌似留言不能直接发图片呢，那我放一个语雀上传后的地址吧，图片是看完这篇课程的简要总结，不包含数据类型转换和检测。
  地址：https://cdn.nlark.com/yuque/0/2019/png/119718/1548515753198-ac12f382-49f8-424d-b242-a5764968e2d2.png

  2019-01-26

  

   29
• 

  悬炫

  老师，虽然undefined可以被赋值，但是发现对他赋值是没有意义的
  undefined=9;
  let a=undefined;
  console.log(a)
  此处的a的值还是undefined，并不是9；
  这是不是意味着，void 0这种写法已经没什么意义了，因为现在看来，把一个值赋值为undefined，那这个值就是undefined。

  2019-01-26

   2

   25
• 

  Aaaaaaaaaaayou

  实验证明 undefined 被赋值后再打印，还是 undefined。实验环境 mac 10.14.2 chrome71

  2019-01-26

   1

   16
• 

  warmlyice

  字符串类型转换成Number类型，可以使用算术运算符，运算时进行隐式转换。如下:
  +""
  "" - 0
  "" * 1
  "" / 1

  2019-01-26

   2

   15
• 

  yansj

  0.1+0.2==0.3 false 主要是因为小数的二进制表示时就有误差。1.因为十进制转二进制的小数部分的原则是乘2取整顺序表达，这边会发现0.1 0.2 0.3这三个数都不能有限表达，会产生无限位数。2.固定位数二进制无法表示无限循环序列（截断部分会进行进位或者舍去，这边会产生误差）

  2019-02-07

  

   14
• 

  BarryLu白瑞

  null 的类型是 object，这是由于历史原因造成的。1995 年的 JavaScript 语言第一版，只设计了五种数据类型（对象、整数、浮点数、字符串和布尔值），没考虑 null，只把它当作 object 的一种特殊值。后来null 独立出来，作为一种单独的数据类型，为了兼容以前的代码，typeof null 返回 object 就没法改变了。
  
  来自：https://wangdoc.com/javascript/types/general.html

  2019-01-27

   1

   14
• 

  Mr.z

  winter你好，关于js精度那块的问题，我在实际业务中遇到的情况是，后端产生了一个long类型的数值eg：1089723723231137792，但是在页面js获取的时候就变成了1089723723231137800，我查资料说是js精度问题，但是具体的解决方式是后端将这个long转成String类型然后在前段输出，请问如果不将这个long类型转换String后输出，前端js是否真的无法精确的获取这个long的数值呢？谢谢。

  2019-01-28

   1

   13
• 

  大斌

  老师，最后小结图是不是有些问题？typeof function那里？？

  2019-01-26

  

   12
• 

  头皮发麻

  老师居然不是地中海加秃头，还是个二次元的肥宅，，，，

  2019-01-29

  

   11
• 

  庖丁

  猜测老师喜欢撸猫...

  2019-01-26

  

   9
• 

  blueshell

  #### 重写十进制的parseInt/parseFloat
  `
  var myParse = function (val) {
      if (val) {
          var num = val.match(/^\d*\.?\d+/);
          if (num !== null) {
              return num[0] - 0;
          }else{
              return NaN;
          }
      }else{
          return NaN;
      }
  }
  `

  作者回复: 嗯 不错
  
  不过用正则和剑法自动转换可就偷懒了，而且这些东西有太多你没搞清楚的细节了。
  
  比如你看看我写的十进制的正则：
  
  /\.[0-9]+|(?:[1-9]+[0-9]*|0)(?:\.[0-9]*|\.)?)(?:[eE][+-]{0,1}[0-9]+)?(?![_$a-zA-Z0-9])/

  2019-02-19

  

   8
• 

  爱烤火的鱼

  前面还听得懂，越到后面越听不懂，讲的不是很具象，估计有基础好的人才听得懂。基础不好的听了云山雾罩的...

  2019-02-08

  

   8