js函数中call方法的使用
js函数中call方法的使用
biaoblog.cn 个人博客
发布于 2022-08-11 18:08:49
发布于 2022-08-11 18:08:49
介绍：call与apply都属于Function.prototype的一个方法，所以每个function实例都有call、apply属性
1.改变函数内部的this指向：
// 有一个局部的test2方法，
// test2被作为普通函数调用时，
// test2内部的this指向了window，
// 但我们往往是想让它指向该#test节点，见如下代码：
document.querySelector("#test").onclick = function(){
console.log(this.id)
var test2 = function(){
console.log(this)
}
function test3(){
console.log(this)
}
test3.call(this)
//改变了test2的this指针
test2.call(this)
}2.使用call来实现构造函数的继承。
function one(){
this.a = 1,
this.b = 2,
this.test = function(){
// console.log(this)
}
}//通过call来实现构造函数的继承
function two(){
one.call(this)
console.log(this)
}// 实例化
var oneObj = new one()
twoObj = new two()此时的twoObj已经继承了oneObj的属性。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录