JS - 函数 - 简书

JS - 函数

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

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

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

fn2()      输出 1

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

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

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

简单实现一下：

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

最后编辑于：2020.01.04 22:33:21

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

JS - 函数