函数声明
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