闭包 手写bind函数 作用域 自由变量 this

手写bind函数

知识点：

call()、apply()、bind() 方法的存在是为了改变函数体内 this 的指向
call()、bind() 方法分别接收参数，apply() 方法接收数组形式的参数，它们的第一个参数都是 this 的指向可省略或为 null
call()、apply() 方法会立即执行。bind() 方法不会立即执行，它会返回一个函数，可以将函数存储在变量中，再通过变量获取函数的返回值
arguments 是一个伪数组，使用 ES6 提供的 Array.from() 方法将伪数组转换成数组
Array.shift() 方法是 ES5 提供的，它的功能是删除数组第一项元素，返回被删除的值

Function.prototype.bind1 = function () { // 这块不可以使用箭头函数，因为 this 的指向不同
  // arguments 可以获取一个函数的所有参数，arguments 是一个伪数组
  // 使用 Array.from() 方法将 arguments 伪数组转化成数组
  const args = Array.from(arguments)
  // 获取 this 指向取出数组第一项，数组剩余的就是传递的参数
  const _this = args.shift()
  const self = this // 当前函数 fn1.bind(...) 中的 fn1
  return () => {
    return self.apply(_this, args)
  }
}
 
function fn1(a, b, c) {
  console.log('this', this)
  console.log(a, b, c)
}
 
const fn2 = fn1.bind1({x: 100}, 10, 20, 30)
const res = fn2()

闭包:

定义 当一个函数的返回值是另外一个函数,而返回的函数如果调用了父函数的内部变量,且返回的那个函数在外部被执行,就产生了闭包.

闭包的三个特性
1:函数套函数
2:内部函数可以直接访问外部函数的内部变量或参数
3:变量或参数不会被垃圾回收机制回收

闭包的优点:
1:变量长期驻扎在内存中
2:避免全局变量的污染
3:私有成员的存在

闭包的缺点
常驻内存 增大内存的使用量 使用不当会造成内存的泄露.

调用方式：
//1:直接调用
a()()//内部函数的执行

2.作用域

作用域分为全局作用域和局部作用域

全局作用域:变量在函数或者代码块{ }外定义，即为全局作用域。

局部作用域:在函数内部定义的变量，就是局部作用域。局部作用域内，对外是封闭的，从外层的作用域无法直接访问函数内部的作用域

作用域链:自由变量的向上级作用域一层一层查找，直到找到为止，最高找到全局作用域，就形成了作用域链。

自由变量

一个变量在当前作用域没有定义 但被使用了
像上级作用域，一层一层依次寻找，直至找到为止
如果全局作用域都没找到 则报错 xx is not defined

this

作为普通函数
使用call apply bind
作为对象方法被调用
在class方法中调用
箭头函数
在这里插入图片描述