JavaScript中基本数据类型

本部分主要是针对于JavaScript中常用的数据结构类型进行分析说明。JavaScript中内置了Object,Array,Date,String,Number, orBoolean这几个数据类型。

• Six data types that are primitives:BooleanNullUndefinedNumberStringSymbol (new in ECMAScript 6)
• and Object

typeof Object === "function"
typeof {} ==== "object"
typeof Boolean === "function"
const boolean = new Boolean()
typeof boolean === "object"
typeof undefined ==== 'undefined'

typeof null ==== 'object'

JavaScript中数据类型可以分为两类：

• 原始数据类型(Primitive Type )：Undefined、Null、Boolean、Number、String
• 引用类型(Reference Type )：Object、Array、Function、Date

我们在声明变量时会有不同的内存分配：

• 原始值：存储在栈(stack )中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。这是因为这些原始类型占据的空间是固定的，所以可将他们存储在较小的内存区域 – 栈中。这样存储便于迅速查寻变量的值。
• 引用值：存储在堆(heap )中的对象，也就是说，存储在变量处的值是一个指针(point )，指向存储对象的内存地址。这是因为：引用值的大小会改变，所以不能把它放在栈中，否则会降低变量查寻的速度。相反，放在变量的栈空间中的值是该对象存储在堆中的地址。地址的大小是固定的，所以把它存储在栈中对变量性能无任何负面影响。

不同的内存分配机制也带来了不同的访问机制在javascript中是不允许直接访问保存在堆内存中的对象的，所以在访问一个对象时，首先得到的是这个对象在堆内存中的地址，然后再按照这个地址去获得这个对象中的值，这就是传说中的按引用访问。而原始类型的值则是可以直接访问到的。复制变量时的不同原始值：在将一个保存着原始值的变量复制给另一个变量时，会将原始值的副本赋值给新变量，此后这两个变量是完全独立的，他们只是拥有相同的value而已。引用值：在将一个保存着对象内存地址的变量复制给另一个变量时，会把这个内存地址赋值给新变量，也就是说这两个变量都指向了堆内存中的同一个对象，他们中任何一个作出的改变都会反映在另一个身上。(这里要理解的一点就是，复制对象时并不会在堆内存中新生成一个一模一样的对象，只是多了一个保存指向这个对象指针的变量罢了)参数传递的不同首先我们应该明确一点：ECMAScript中所有函数的参数都是按值来传递的。但是为什么涉及到原始类型与引用类型的值时仍然有区别呢，还不就是因为内存分配时的差别。(我对比了一下，这里和复制变量时遵循的机制完全一样的嘛，你可以简单地理解为传递参数的时候，就是把实参复制给形参的过程)原始值：只是把变量里的值传递给参数，之后参数和这个变量互不影响。引用值：对象变量它里面的值是这个对象在堆内存中的内存地址，这一点你要时刻铭记在心！因此它传递的值也就是这个内存地址，这也就是为什么函数内部对这个参数的修改会体现在外部的原因了，因为它们都指向同一个对象呀。

数值类型

• JS魔法堂：彻底理解0.1 + 0.2 === 0.30000000000000004的背后

科学计算

取整

JavaScript中Math对象提供了三种取整的方法：

• round，四舍五入取与最接近的整数
• floor,对一个数进行下舍入，执行向下取整计算，返回小于或等于函数调用参数的并且与之最接近的值。
• ceil,对一个数进行上舍入，执行的是向上取整计算，返回大于或者等于函数参数，并且与之最接近的整数。

幂

pow(x, y)返回x的y次幂的值。x,y都是必须的且必须是数字。如果由于指数过大而引起浮点溢出，则该方法将返回Infinity。

console.log(Math.pow(2, 10)); //1024
console.log(Math.pow(99, 9999)); //Infinity
console.log(Math.pow(1024, 0.1)); //2
console.log(Math.pow(0, 0)); //1
console.log(Math.pow(0, 1)); //0
console.log(Math.pow(2, -3)); //0.125
console.log(Math.pow(-2, 3)); //-8

随机数

random()方法可返回介于0 ~ 1之间的一个随机数。

<script type="text/javascript">
  document.write(Math.random());
</script>

类型转换

JavaScript中将字符串或者其他类型转化为数字，主要利用parseInt、parseFloat、Number与JavaScript变量弱类型转换这几种。

parseInt & parseFloat

JavaScript提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。parseInt()方法还有基模式，可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的。parseFloat()方法与parseInt()方法的处理方式相似。使用parseFloat()方法的另一不同之处在于，字符串必须以十进制形式表示浮点数，parseFloat()没有基模式。

console.log(parseInt("1245red")); //1245
console.log(parseFloat("1245red")); //1245
console.log(parseInt("1245.5red")); //1245
console.log(parseFloat("1245.555red")); //1245.555
console.log(parseInt("red")); //NaN
console.log(parseInt("0xA")); //10

console.log(parseInt("AF", 16)); //175   10*16+15
console.log(parseInt("10", 2)); //2
console.log(parseInt("10", 8)); //8
console.log(parseInt("10", 10)); //10

//如果十进制数包含前导0，那么最好采用基数10，这样才不会意外地得到八进制的值
console.log(parseInt("010"));
console.log(parseInt("010", 8)); //8
console.log(parseInt("010", 10)); //10

console.log(parseFloat("1234red")); //1234
console.log(parseFloat("0xA")); //0
console.log(parseFloat("22.5")); //22.5
console.log(parseFloat("22.35.5")); //22.35
console.log(parseFloat("0908")); //908
console.log(parseFloat("blue")); //NaN

Number

使用Number函数，可以将任意类型的值转化成数字。

• 数值：转换后还是原来的值。
• 字符串：如果可以被解析为数值，则转换为相应的数值，否则得到NaN。空字符串转为0。
• 布尔值：true转成1，false转成0。
• undefined：转成NaN。
• null：转成0。

Number函数将字符串转为数值，要比parseInt函数严格很多。基本上，只要有一个字符无法转成数值，整个字符串就会被转为NaN。

parseInt("011"); // 9
parseInt("42 cats"); // 42
parseInt("0xcafebabe"); // 3405691582

Number("011"); // 11
Number("42 cats"); // NaN
Number("0xcafebabe"); // 3405691582

如果Number传入的参数是一个对象，那么转换规则会相对复杂一点，具体而言描述如下：

1. 先调用对象自身的valueOf方法，如果该方法返回原始类型的值(数值、字符串和布尔值)，则直接对该值使用Number方法，不再进行后续步骤。
2. 如果valueOf方法返回复合类型的值，再调用对象自身的toString方法，如果toString方法返回原始类型的值，则对该值使用Number方法，不再进行后续步骤。
3. 如果toString方法返回的是复合类型的值，则报错。

        //Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似，只是它转换的是整个值，而不是部分值。
        console.log(Number(false));     //0
        console.log(Number(true));      //1
        console.log(Number(undefined)); //NaN
        console.log(Number(null));      //0
        console.log(Number("5.5"));     //5.5
        console.log(Number("5.6.7"));   //NaN
        console.log(Number("5red"));    //NaN
        console.log(Number(new Object()));  //NaN
        console.log(Number(100));       //100
        console.log(Number(a));         //NaN

JavaScript弱类型转换

       const str="012.345";
        const x = str-1;
        console.log(x); //11.345

        const str2 = "012.3456red";
        const x = str2-2;
        console.log(x);     //NaN

格式化显示

这里用的是numeraljs，格式化显示的效果如下所示：

• Number

• Currency

• Bytes

• Percentages

• Time

布尔类型

布尔值代表 “ 真 ” 和 “ 假 ” 两个状态。“ 真 ” 用关键字true表示，“ 假 ” 用关键字false表示。布尔值只有这两个值。如果JavaScript预期某个位置应该是布尔值，会将该位置上现有的值自动转为布尔值。转换规则是除了下面六个值被转为false，其他值都视为true。

• undefined
• null
• false
• 0
• NaN
• "" (空字符串)

类型转换

所有对象的布尔值都是true，甚至连false对应的布尔对象也是true。

Boolean(new Boolean(false))
// true

空类型

JavaScript中常见的空类型为undefined与null，不过typeof undefined === ‘undefined’ 而 typeof null === ‘object’。

null表示"没有对象 “，即该处不应该有值。典型用法是：

• 作为函数的参数，表示该函数的参数是对象。
• 作为对象原型链的终点。

undefined表示"缺少值 “，就是此处应该有一个值，但是还未定义。典型用法是：

• 变量被声明了，但没有赋值时，就等于undefined。
• 调用函数时，应该提供的参数没有提供，该参数等于undefined。
• 对象没有赋值的属性，该属性的值为undefined。
• 函数没有返回值时，默认返回undefined。

Symbols

Symbols是JavaScript的第七种原始类型，它代指一个全局唯一的不可变对象。如果需要创建一个Symbol对象，则需要调用Symbol函数：

const sym1 = Symbol();
const sym2 = Symbol("foo");
const sym3 = Symbol("foo");

如上的代码会创建三个新的符号，注意，虽然Symbol使用了 ”foo” 这个字符串作为输入对象，但是每次会创建一个新的符号：

Symbol("foo") === Symbol("foo"); // false

确切地说，symbol与其它类型并不完全相像。symbol被创建后就不可变更，你不能为它设置属性(在严格模式下尝试设置属性会得到TypeError的错误)。他们可以用作属性名称，这些性质与字符串类似。

另一方面，每一个symbol都独一无二，不与其它symbol等同，即使二者有相同的描述也不相等；你可以轻松地创建一个新的symbol。这些性质与对象类似。

ES6中的symbol与Lisp和Ruby这些语言中更传统的symbol类似，但不像它们集成得那么紧密。在Lisp中，所有的标识符都是symbol；在JS中，标识符和大多数的属性键仍然是字符串，symbol只是一个额外的选项。

关于symbol的忠告：symbol不能被自动转换为字符串，这和语言中的其它类型不同。尝试拼接symbol与字符串将得到TypeError错误。

> const sym = Symbol("<3");
> "your symbol is " + sym
// TypeError: can't convert symbol to string
> `your symbol is ${sym}`
// TypeError: can't convert symbol to string

有三种获取symbol的方法。

• **调用Symbol()。**正如我们上文中所讨论的，这种方式每次调用都会返回一个新的唯一symbol。
• **调用Symbol.for(string)。**这种方式会访问symbol注册表，其中存储了已经存在的一系列symbol。这种方式与通过Symbol()定义的独立symbol不同，symbol注册表中的symbol是共享的。如果你连续三十次调用Symbol.for("cat")，每次都会返回相同的symbol。注册表非常有用，在多个web页面或同一个web页面的多个模块中经常需要共享一个symbol。
• **使用标准定义的symbol，例如：Symbol.iterator。**标准根据一些特殊用途定义了少许的几个symbol。

Symbol

const obj = Object.create(null);
obj[Symbol.toPrimitive] = function (hint) {
  console.log(hint);
  return "";
};

console.log(String(obj));
console.log(obj + "");
console.log(+obj);

const smb =Symbol('hello');


console.log(smb);
console.log(''+smb);
console.log(1+smb);
console.log(String(smb));


// Uncaught TypeError: Cannot convert a Symbol value to a string