细论函数 - 简书

一、函数的本质

重点：函数是对象，函数名是指针
函数是Function引用类型的实例，函数实际也是一个对象。
我们可以用下面这种并不常见也不推荐的方式来创建一个函数，来直观理解：

var fun = new Function("n1", "n2", "return n1 + n2")

执行结果

因此这里有一个很重要的点：函数名就是指向函数对象的一个指针而已。
由此可以得到的引生有很多：比如一个函数可以有多个名字，都是指向同一个函数内存位置。
如下面例子：sum和another都是指向同一个函数，即使sum设置为null后，也不影响another的执行。
重点：不带圆括号的函数名是访问函数指针而已，而非调用函数。函数名后加括号才是真正的调用函数。

例子截图

因为函数名只是指针的这个特性，显而易见的，使用同一个函数名的两个函数，第二个函数是会覆盖第一个函数的。

覆盖实例

二、函数的定义

1、上述举例的Function构造函数（不常用，用于定义理解就行）
2、函数声明

funtion sum (a,b) {
  return a+b
}

3、函数表达式

var sum = function (a,b) {
  return a+b
}；

例子中为变量sum初始化了一个函数，此时不必要为函数给个命名了，因为通过变量sum就指向这个函数了。

重点：两者的区别，函数声明方式，JavaScript在解析代码时，会将所有这种定义方式的函数进行提升，因此执行语句在定义前书写也是没有问题的。而函数表达式是执行到代码所在位置才会解析。因此不能提前使用函数表达式定义的变量

两者调用顺序区别

三、函数的应用

高阶函数：函数名作为一个存储的是指向函数的指针位置的变量，因此大可将函数作为一个参数传给另一个函数，也可以将一个函数作为另一个函数的返回结果。
有一个典型的应用就是sort方法中传入比较大小的函数作为参数，来指定排序顺序是升序还是降序：
sort方法的默认排序是会将数组中元素转化为字符串之后Unicode位点进行排序的，所以对于数字的排序，需要特地指定一个排序函数compareFunction给它。

指定和不指定排序函数的对比

如果 compareFunction(a, b) 小于 0 ，那么 a 会被排列到 b 之前；
如果 compareFunction(a, b) 等于 0 ， a 和 b 的相对位置不变。
如果 compareFunction(a, b) 大于 0 ， b 会被排列到 a 之前。
因此，对于数字的升序，可以直接通过相减来指定：

[12,21,3,45].sort((a,b)=>a-b)   //升序

[12,21,3,45].sort((a,b)=>b-a)  //降序

此处一次说明array的sort方法内部执行判断过程：

var items = [
  { name: 'Edward', value: 21 },
  { name: 'Sharpe', value: 37 },
  { name: 'And', value: 45 },
  { name: 'The', value: -12 },
  { name: 'Magnetic',value: 10 },
  { name: 'Zeros', value: 37 }
];

// sort by value
items.sort(function (a, b) {
  console.log(a,b)
  return (a.value - b.value)
});

执行结果：

sort执行结果

通过将sort执行过程给打印出来，发现执行判断过程是：
按照数据数据顺序，优先比较21和37，得到37大，比较37和45，得到45大，则顺着比较45和-12，比较结果-12比较小，则需要确定-12和37、21分别的大小，判断完这块得到-12比37和21都小，就将-12移到21前面，然后接着回来继续比较45和下一个数10的大小....确定10比较小，则需要为10安插位置，就重复前面的步骤，持续将10与45之前的大小进行比较，直至遇到比10小的数字-12,安插好10的位置，然后继续比较目前位置的最大数45与下一个顺序数字的大小，以此循环直至数组结束。

四、函数的内部属性

1、this
一句话说this就是函数执行时的环境对象。此处this在不用场景下的区分见之前的文章。
2、argument
argument是伪数组对象，拥有lenth属性

五、函数的属性和方法

最为重要的就是call、apply、bind这三个方法。
其实每次直接使用大括号执行函数，是call方法的阉割使用版本。
我们大可以直接使用call方法来扩充函数执行的作用域，指定第一个参数为this。
注意如果使用call的时候，不想指定this，一定要记得写上undefined来占位
具体这三个方法的区别之前的文章有细述。