Javascript 函数声明、调用、闭包

# Javascript 函数声明、调用、闭包
# 一、函数声明
# 1.直接声明。浏览器在执行前，会先将变量和函数声明进行提升。
fn();
function fn () {
  console.log('test');
}
fn(1);  # var fn1； 被提升。这里调用会报错未定义
var fn1 = function () {
  console.log('test');
}
# 2.根据条件申明函数。现在最新版本的浏览器不会进行提升。但老的浏览器会提升。
if (true) {
  function fn () {
    console.log('true');
  }
} else {
  function fn () {
    console.log('false');
  }
}
# 3.new Function()来创建函数。说明函数也是对象。我们可以通过dir查看函数的属性和方法。
var fn = new Function('a', 'b', 'var name="zhangsan";console.log(name);console.log(a+b);'); # 创建函数
fn(1,2); # 调用,对应a,b参数
console.log(dir(fn)); # 查看函数中有哪些属性
# .通过dir查看到的属性有：
fn.arguments  # 伪数组  获取到的是函数的实参
fn.caller           # 函数的调用者，在全局调用的时候caller是null
fn.name          # 函数名，字符串类型
fn.length         # 函数实参的个数

# 二、函数的调用。函数中的this是由调用的时候来确定。
# 1.普通调用
function fn(){
  console.log(this);  # window
}
# 2.方法调用
var obj = {
  fn: function () {
    console.log(this);  # 这里是obj
  }
}
# 3.作为构造函数，也就是通过new来构造对象
function fn(){
  console.log(this);  # fn
}
new fn();
# 4.作为事件的处理函数  触发事件的对象
btn.onclick = function () {
  console.log(this);  # btn
}
# 5.作为定时器的参数
setInterval(function () {
  console.log(this);   # window
}, 100);

# 6.通过bind、call、apply调用
function fn(x,y){
  console.log(this);  
  console.log(x+y);
}
obj = {
  name: "zs"
}
fn1 = fn.bind(obj, 1, 2);
fn1();  # 需手动调用。this为obj
fn.call(obj, 1, 2); # 直接调用，this为obj
# .伪数组
arr = {
  0: 100,
  1: 21,
  2: 43,
  3: 55,
  length: 4
}
arr['4'] = 7;
arr.length++;
Array.push.call(arr,30); # 伪数组中添加数据。arr对象的length会自动加1
# ..apply(this,[arr])  将数组中的每项展开做参数传递给函数
var arr = [1,2,3,2,1,5,1,7,22,1];# 因为Math.max不能直接处理数组，所以我们需要用apply去处理
Math.max.apply(Math,arr);  # 这样就求得了arr数组中的最大值了

# 三、高阶函数：以函数作为参数或者返回值的函数就叫高阶函数。
# .排序示例：
Array.prototype.mySort = function (fn) {
  for (var i = 0; i < this.length-1; i++){
    var isSort = true;
    for (var j = 0; j< this.length - i - 1; j++){
      if (fn(this[j], this[j1]) > 0){  # 这里通过函数来决定大小顺序排序
        ifSort = false;
        var tmp = this[j];
        this[j] = this[j+1];
        this[j+1] = tmp ;
      }
    }
  }
}
var arr = [12,32,21,2,3];
arr.mySort(function (a,b){ return a-b;}); # 调用
# ..高阶函数之闭包:Closures(闭包)是使用被作用域封闭的变量，函数，闭包等执行的一个函数的作用域。通常我们用和其相应的函数来指代这些作用域。（可以访问独立数据的函数）
function getFun(n) {
  return function (m) {
    return n+m;
  }
}