函数与Symbol

1.数字类型的用法

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。

(3)、Number.isFinite函数

Number.isFinite函数：用来检查一个数值是否非无穷。注意是判断非无穷，不是判断无穷

Infinity false

(4)、Number.parseInt函数

parseInt函数：解析一个字符串，返回一个整数。

(5)、Number.isInteger函数

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

(6)、Math.trunc函数

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

(7)、Math.sign函数

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

2.对象的使用

(1)、对象的传统写法

传统表示法：

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

ES6中的简洁写法：

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

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

注意上面person对象的定义，其中属性名和方法名都是用中括号[ ]包裹着，里面都是一个字符串相加的表达式，这就告诉我们，用字面量（大括号{ }）定义对象的时候，属性名和方法名可以是一个表达式，表达式的运算结果就是属性名或者方法名。

(3)、Object.is函数    

函数的作用：比较两个值是否严格相等，或者说全等。

相当于三个等号

严格相等和抽象相等：

 

(4)、Object.assign函数

函数作用：将源对象的属性赋值到目标对象上。对象拷贝

(5)、Object.getPrototypeOf函数

函数作用：获取一个对象的prototype属性。

(6)、Object.setPrototypeOf函数

函数作用：设置一个对象的prototype属性。

3.函数的使用

(1)、参数的默认值

传统方式：

ES6的写法：

看，我们把默认值的设定放在了参数上：(name = 'Zhangsan',age = 25)，这样就实现了参数name的默认值为‘Zhangsan’，age的默认值为25。而不需要在函数体内进行检测，函数体内可以专注对参数的使用或者运算，再也不用担心函数的实际传参情况了

(2)、rest参数

rest参数，这是一个新的概念，rest的中文意思是：剩下的部分。

=我们会看到一个陌生的语法：...values；这是一种新的写法，也就是我们要介绍的rest参数，它代表的意思是：在实参中，除了第一个参数以外，剩余的参数都会被...values获取到

(3)、扩展运算符

上面讲到的rest参数，它的表示法使用...（三个点），它除了用在rest参数中，还有其他用途，我们称这种表示法为扩展运算符，那么，它还有什么作用呢？

 它一般结合数组使用，把数组的元素用逗号分隔开来，组成一个序列。我们看一下实际案例

  // 拓展  tuozhan

  var arr = [10, 20, 30, 40];

  // 1、遍历数组

  console.log(...arr);

  // 2、当做数组的元素

  console.log("哈哈", 10, 20, 30, 40, true);

  console.log(["哈哈", ...arr, true]);

  // 3、用于深拷贝

  var arrNew = [];

  // arrNew = [...arr];

  [...arrNew] = arr;

  console.log(arrNew);

  arr.push(50);

  console.log(arr);

  console.log(arrNew);

  // 4、用于函数的调用

  function demo1(x, y, z, m) {

    console.log(x + y + z + m);

  }

  demo1(arrNew[0], arrNew[1], arrNew[2], arrNew[3]);

  demo1(...arrNew);

  // 5、与解构赋值结合

  var [a, ...arr1] = arrNew;

  // console.log(a, b, c, d);

  console.log(a, ...arr1);

  // 6、转化成真正的数组

  var str = "hello";

  var arrStr = Array.from(str);

  console.log(arrStr);

  console.log(...str);

  console.log([...str]);

4.箭头函数

箭头函数，这又是一个新概念，ES6给我们介绍一种全新的定义函数的方式，就是用箭头符号（=>），故得名为箭头函数。具体怎么用，我们来看案例：

ES6标准新增了一种新的函数：Arrow Function（箭头函数）。

(1)、基础语法

通常函数的定义方法使用ES6箭头函数语法定义函数，将原函数的“function”关键字和函数名都删掉，并使用“=>”连接参数列表和函数体。

 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，省略掉了{ ... }和return。还有一种可以包含多条语句，这时候就不能省略{ ... }和return

(2)、箭头函数基本特点

(1). 箭头函数this为父作用域的this，不是调用时的this

箭头函数的this永远指向其父作用域，任何方法都改变不了，包括call，apply，bind。

普通函数的this指向调用它的那个对象。

(2). 箭头函数不能作为构造函数，不能使用new

(3). 箭头函数没有arguments，caller，callee

箭头函数本身没有arguments，如果箭头函数在一个function内部，它会将外部函数的arguments拿过来使用。

箭头函数中要想接收不定参数，应该使用rest参数...解决。

 (4). 箭头函数通过call和apply调用，不会改变this指向，只会传入参数

(5). 箭头函数没有原型属性

(6). 箭头函数不能作为Generator函数，不能使用yield关键字

(7). 箭头函数返回对象时，要加一个小括号

(8). 箭头函数在ES6 class中声明的方法为实例方法，不是原型方法

 (9). 多重箭头函数就是一个高阶函数，相当于内嵌函数

(3)、this的指向实例

作为对象的属性时，this的指向则不再是对象本身了，箭头函数捕获的是obj{}这个对象的环境，然后这个环境的this指向的是window

5.symbol数据类型 

(1)、Symbol介绍    

在介绍Symbol之前，我们简单介绍一下JavaScript的数据类型：

JavaScript有6中数据类型，分别是：String字符串类型；Number数字类型；Object对象类型；Boolean布尔值类型；Null空值；Undefined 未定义；

这6种类型写过代码的同学都不会陌生，它们都有各自的用途。而ES6给我们带来一种全新的数据类型：Symbol。每一种全新的事物的诞生都是为了解决某种问题。Symbol的初衷：解决对象的属性名冲突。

symbol是一个唯一的量

(2)、Object.getOwnPropertySymbols函数

如果我们硬是想要获取symbol类型的属性怎么办？我们可以用一个方法：Object.getOwnPropertySymbols( )，它会找到symbol类型的属性并且返回一个数组，数组的成员就是symbol类型的属性值，

person对象的两个属性都是symbol类型的，我们也知道用Object.keys( )和for...in都无法获取到它，我们就用getOwnPropertySymbols( )方法来，结果成功了，得到一个数组，数组的内容就是两个symbol类型变量对应的值Symbol(name)和 Symbol(age)。

 (3)、Reflect.ownKeys函数

一次性获取所有类型的属性，不管它是字符串类型还是symbol类型，都可以用Reflect.ownKeys( )方法实现：

 上面的代码中，我们先定义一个对象person，它含有两个属性，一个是symbol类型的，一个是字符串类型的。

接着，我们将对象person传入Reflect.ownKeys( )函数中，函数就会给我们返回一个数组，数组的内容便是对象的属性，包括symbol类型和字符串类型。

(4)、Symbol.for函数

函数作用：根据参数名，去全局环境中搜索是否有以该symbol.for()参数为名的symbol值，有就返回它，没有就以该参数名来创建一个新的symbol值。

     上面最后一句代码，我们用全相等来对两个变量进行对比，得到：true；说明n2就是n1，两者相等。

(6)、Symbol.keyFor函数

函数作用：返回一个以被登记在全局环境中的symbol值的key，没有就返回undefined。注意这句话的一个关键词：“被登记在全局环境中”，也就是说这个symbol值是被Symbol.for( )创建的，不是被Symbol( )创建的。

上面的变量n1是被Symbol.for( )创建，不是被Symbol( )创建的，所以用Symbol.keyFor( )去找，是能找到的，会返回这个symbol值的key，也就是它的描述：name。