函数与Symbol

 函数与Symbol

利用symbol对数组去重

• 箭头函数this指向

• 掌握数字类型新用法

• 掌握对象新用法

• 掌握箭头函数

• 掌握拓展运算符

• 熟练运用symbol类型

1.数字类型的用法

(1)、传统写法

在ES5中，我们存在几个全局函数 isNaN函数，isFinite函数，parseInt函数，parseFloat函数等，对于这些全局函数的使用很简单，就拿isNaN函数来举例。

ES5中的写法是：

以上两种写法均可，isNaN是全局函数，本身就是属于window对象下的一个方法，所以大部分人会使用第一种写法。

但是在ES6的标准中，isNaN方法被移植到了Number对象上，也就是原本属于全局对象window下的函数，现在属于Number对象上了，同样被处理的函数还有isFinite函数，parseInt函数，parseFloat函数。

被移植后的函数使用方式是这样的：

在使用之前必须指明它是Number对象下的函数，否则会被默认为window下的函数。

(2)、Number.isNaN函数

Number.isNaN函数：用于判断传入的是否是非数值，注意：是判断非数值，而不是判断数值，IsNaN的全称是： is not a number。

由于2.5是一个number类型的数值，所以返回false（再次注意：判断是非数值，所以是false，表示2.5是一个数值类型的值）。

那么，移植到Number对象isNaN函数和原本是全局函数的isNaN函数，有不一样的地方吗？ 传统的isNaN函数会把非数值的参数转化成数值再进行判断，而Number. isNaN只对数值类型有效，非数值类型的参数一律返回false。

Number下面的isNaN都懒得给字符串’abc’做类型转换，直接返回false。而ES5中的isNaN函数会对字符串’abc’进行类型转换后，发现它是一个NaN（非数值），才返回true。

所以我们在使用这个函数到时候还要小心，当返回false的时候，不一定就是一个数值，有可能是一个非数值类型的参数。

(3)、Number.isFinite函数

Number.isFinite函数：用来检查一个数值是否非无穷。注意是判断非无穷，不是判断无穷，这里跟isNaN函数一样，有点绕。

注意第二行代码的参数：Infinity，Infinity是window对象下的一个常量，表示一个无穷数。所以第二行代码会返回false。此外，isFinite函数跟isNaN函数一样，也只是对数值类型有效，对非数值类型的参数一律返回false。

 所以同样要注意，当Number.isFinite函数返回false的时候，参数不一定就是一个有穷的数值类型，也有可能是一个非数值类型的参数。如：字符串’abc’。

(4)、Number.parseInt函数

parseInt函数：解析一个字符串，返回一个整数。parseInt函数同样是从window对象下移植到Number对象下，但是它的作用没有任何变化。

以上函数都是在window对象下，移植到了Number对象下，这么做的目的是慢慢地减少全局性的函数，把全局函数合理地规划到其他对象下，渐渐实现语言的模块化。

(5)、Number.isInteger函数

Number.isInteger函数：用来判断是否是整数。

上面的运行结果也如我们所料，数值3.2不是整数，返回false。不过有一点要注意：在javascript内部对整数和浮点数采用一样的存储方式，因此小数点后如果都是0的浮点数，都会被认为是整数。看个例子就知道了：

数值3.0和3.00都会被认为是整数。

(6)、Math.trunc函数

 Math.trunc函数：用于去除一个数的小数部分，返回整数部分。

运行结果也很好理解，如果传入的参数是整数，就直接返回整数，如果是小数，就去除了小数部分，返回整数部分：3。

(7)、Math.sign函数

Math.sign函数：用来判断一个数到底是正数、负数、还是零。

返回的结果类型有点多，我们分别来讲解一下，参数如果是正数，结果返回1；如果是负数，结果返回-1；如果是0，结果返回0；如果是一个非数值类型的参数，结果返回：NaN

2.对象的使用

(1)、对象的传统写法

传统表示法：

上面的案例很简单，变量person就是一个对象，对象含有name属性和一个say方法。表示法是用键值对的形式来表示，这就是传统的表示法。

ES6中的简洁写法：

咱们来讲解一下上面这个案例，首先定义两个变量name和age，分别用传统的写法和ES6中的写法，把变量作为person对象的属性值。第一种写法大家很熟悉，使用键值对的表示法，而ES6中的新写法只是简单地用两个变量名即可，而得到的结果跟传统的写法一样。

        这也就是新的写法更简捷了，变量名可以作为键值对的键（变量名name和age），而变量的名作为值（变量的值Zhangsan和12），最后一起组成了person对象的内容{name:”Zhangsan”,age:12}。

        对象的属性可以这样简写，那么对象的方法表示呢？

        我们来讲解方法的简写表示法：

  

通过上面的案例，可以看出两种写法的区别，不管是属性还是方法，确实ES6给我们带来的表示法更加简捷，代码量更少。

(2)、ECMAScript6中属性名的更新

用字面量定义一个对象的时候，可以用表达式作为对象的属性名或者方法名。