设为首页 加入收藏

TOP

你可能还不知道的关于JavaScript类型的细节?(一)
2019-09-17 18:48:27 】 浏览:67
Tags:可能 知道 关于 JavaScript 类型 细节

类型

七种类型:

  • Undefined
  • Null
  •  Boolean
  •  String
  • Number
  • Symbol
  • Object

Undefined、Null

阅读问题:为什么有的编程规范要求使用void 0 代替undefined?

Undefined类型表示未定义,它的类型只有一个值即undefined,任何变量在赋值前都是Undefined类型,它的值是undefined。由于JS中的undefined是一个变量,而并非是一个关键字,这是java script语言公认的设计失误之一。因此,为了避免无意中被篡改,一般用void 0来获取undefined的值。

Null类型也只有一个值为null,null是java script的关键字,可以使用null关键字来获取null值。

关于void运算符,有两种写法:

  • 1.void expression
  • 2.void (expression)

void运算符的操作数可以是任意类型。该运算符指定要计算一个表达式但是不论该表达式原来是否有自己的返回值,其返回值都为undefined。其作用如下:

作用一:返回undefined,(对于为什么不直接使用undefined,是因为undefined不是关键字,意味着它随时可能被篡改成其他值。。。)。

作用二:防止不必要的行为,如下代码:

<a href='java script:void(0)'>阻止默认行为跳转</a>

例子:

function func(){
    return this;
}
console.log(void func()); //undefined

从上所述就能够说明为什么有的编程规范要求用void 0代替undefined。

 String

问题:字符串是否有最大长度?

首先,String有最大长度为2^53-1,但这个所谓的最大长度并不完全是你所理解中的字符数。因为String的意义,并非“字符串“,而是字符串的UTF16编码。我们字符串的方法charAt、charCodeAt、length等方法都是针对的是UTF16编码。所以,字符串的最大长度实际上是受字符串的编码长度影响的。

现行的字符集国际标准,字符是以 Unicode 的方式表示的,每一个 Unicode 的码点表示一个字符,理论上,Unicode 的范围是无限的。UTF 是 Unicode 的编码方式,规定了码点在计算机中的表示方法,常见的有 UTF16 和 UTF8。 Unicode 的码点通常用 U+??? 来表示,其中 ??? 是十六进制的码点值。 0-65536(U+0000 - U+FFFF)的码点被称为基本字符区域(BMP)。剩下的字符都放在辅助平面(缩写SMP),码点范围从U+010000一直到U+10FFFF。如下图所示:

码点解释:它从0开始,为每个符号指定一个编号,这叫做"码点"(code point)。比如,码点0的符号就是null(表示所有二进制位都是0)。

U+0000 = null

上式中,U+表示紧跟在后面的十六进制数是Unicode的码点。

 详细的编码可参考:

 Number

java script的Number类型有2^64-2^53+3个值。JS的Number类型基本符合IEEE 754-2008规定的双精度浮点数规则。但是JS为了表达几个额外的语言场景(比如不让除以0出错,引入了无穷大的概念),规定了几个例外情况:

  • NaN:占用了 9007199254740990,这原本是符合IEEE 规则的数字;
  • infinity:正无穷大;
  • -infinity:负无穷大。

JS中+0和-0,在除法场合需要特别留意,“忘记检测除以-0,而得到负无穷大”的情况经常会导致错误,而区分+0和-0的方式,正是检测1/x是infinity和-infinity。

根据双精度浮点数的定义,Number类型的有效的整数范围是 -0x1fffffffffffff 至 0x1fffffffffffff,所以Number无法精确表示此范围外的整数。

为什么在java script中,0.1+0.2不能=0.3?

console.log( 0.1 + 0.2 == 0.3) //false

左右两边不相等的原因就是浮点数运算的结果。浮点数运算的精度问题导致等式左右的结果并不是严格相等,而是相差了个微小的值。

所以实际上,这里错误的不是结论,而是比较的方法,正确的比较方法是使用 java script 提供的最小精度值:

console.log(Math.abs(0.1 + 0.2 - 0.3) <= Number.EPSILON) //true

检查等式左右两边差的绝对值是否小于最小精度,才是正确的比较浮点数的方法。这段代码结果就是 true 了。

Symbol

创建symbol的方式如下:

var mysymbol = Symbol('my symbol');  //Symbol(my symbol)

可以使用Symblo.interator定义for...of在对象上的行为:

var obj = {
    a:1,
    b:2,
    [Symbol.iterator]:function(){
        var v = 0;
        return {
            next:function(){
                return {value:v++,done:v>10}
            }
        }
    }
};
for(var v of obj){
    console.log(v); //0 1 2 3 4 5 6 7 8 9
}

 Object

问题描述:为什么给对象添加的方法能用在基本类型上?

Object 是 java script 中最复杂的类型,也是 java script 的核心机制之一。

在 java script 中,对象的定义是“属性的集合”。属性分为数据属性和访问器属性,二者都是 key-value 结构,key 可以是字符串或者 Symbol 类型。

java script 中的几个基本类型,都在对象类型中有一个“亲戚”。它们是:

  • Number
  • String
  • Boolean
  • Symbol

我们必须认识到 3 与 new Number(3) 是完全不同的值,它们一个是 Number 类型, 一个是对象类型。

Number、String 和 Boolean,三个构造器是两用的,当跟 new 搭配时,它们产生对象,当直接调用时,它们表示强制类型转换。Symbol 函数比较特殊,直接用 new 调用它会抛出错误,但它仍然是 Symbol 对象的构造器。

java script 语言设计上试图模糊对象和基本类型之间的关系,我们日常代码可以把对象的方法在基本类型上使用,比如:

console.log("abc".charAt(0)); //a

甚至我们在原型上添加方法,都可以应用于基本类型,比如以下代码,在 Symbol 原型上添加了 hello 方法,在任何 Symbol 类型变量都可以调用。

Symbol.prototype.helloWorld = () => console.log("hello world
首页 上一页 1 2 3 下一页 尾页 1/3/3
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇初学node.js-nodejs中实现用户登.. 下一篇【js】react-native Could not fi..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目