【JavaScript】36_函数

时间:2022-09-25 00:44:36

函数

根据函数调用方式的不同,this的值也不同:

  1. 以函数形式调用,this是window
  2. 以方法形式调用,this是调用方法的对象
  3. 构造函数中,this是新建的对象
  4. 箭头函数没有自己的this,由外层作用域决定
  5. 通过call和apply调用的函数,它们的第一个参数就是函数的this

调用函数除了通过 函数() 这种形式外,还可以通过其他的方式来调用函数 比如,我们可以通过调用函数的call()和apply()来个方法来调用函数

函数.call()

函数.apply()

  • call 和 apply除了可以调用函数,还可以用来指定函数中的this
  • call和apply的第一个参数,将会成为函数的this
  • 通过call方法调用函数,函数的实参直接在第一个参数后一个一个的列出来
  • 通过apply方法调用函数,函数的实参需要通过一个数组传递
<script>
function fn(){
console.log('函数执行了~~~',this)
}

const obj = {name:'孙悟空',fn}

fn.call(obj)
fn.apply(console)

function fn2(a, b) {
console.log("a =", a, "b =", b, this)
}

// fn2.call(obj, "hello", true)
fn2.apply(obj, ["hello", true])
</script>