JS - 函数

函数声明

var fn2 = function fn1(){ }    fn1 的作用域仅在函数体内部

作用域

var a = 1
function fn() {
  console.log(a)  
}

function fn2() {
  var a = 2
  fn()
}

fn2()      输出 1

函数内的变量由函数声明的位置决定，而不是调用的位置

this

this 是 fn.call() 的第一个参数，所以函数中实际的 this 取决于调用的方式，是可变的
this 是一个函数的参数

• call()
  传入对象，this 指向该对象
  不传，传 undefined / null，this 指向 window
  传非对象的值，如 1，'abc'，true 等，会被转为对象，this 指向该对象

bind

简单实现一下：

fn.bind({name: 'wang'})

Function.prototype.bind = obj => {
  const _this = this
  return function() {
    _this.call(obj)
  }
}

bind 函数的后续参数有什么作用，看下面：

fn = function(...args) {
  console.log(args)
}

fn2 = fn.bind(window, 1, 2)
fn2(3, 4)    //输出 [1, 2, 3, 4]

构造函数

返回对象的函数就是构造函数
构造函数只是一个从『作用』角度描述函数的词语，对于JS解释器而言，没有什么构造函数，只有调用方式的区别：即new fn() 和 fn()。所以构造函数的特点只有一个：返回对象

new 做了什么事情？
用 call 的形式调用函数，将 this 绑定至一个空对象：fn.call({})
在函数的末尾帮你 return this，你自己的 return 语句将不会起任何作用

箭头函数

没有 this，箭头函数中的 this 是父级作用域中的 this（由函数的声明位置决定，而不是调用的位置）
bind, call 等不起作用
没有 arguments