bind方法

最新推荐文章于 2024-04-07 21:14:45 发布

weixin_33873846

最新推荐文章于 2024-04-07 21:14:45 发布

阅读量110

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lujieting/p/10082427.html

本文详细解析了JavaScript中this指向的特性及其在不同函数调用方式下的变化，重点介绍了bind方法如何改变函数的this上下文，以及如何在原型方法和定时器中正确应用bind确保this指向实例对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// function f1(x,y) {
//     console.log((x+y)+"======"+this);
// }
// //复制了一份的时候，把参数传入到f1函数中，x====>10,y====>20,null就是this,默认是window
// //bind方法是复制的意思，参数可以在复制的时候传进去，也可以在复制之后调用的时候传入进去
// //apply和call是调用的时候改变this指向
// //bind方法，是复制一份的时候，改变了this的指向
// var ff=f1.bind(null);
// ff(10,20);



function Person(age) {
    this.age=age;
}
Person.prototype.play=function () {
    console.log(this+"====="+this.age);
};
function Student(age) {
    this.age=age;
}
var per=new Person(10);
var stu=new Student(20);
//复制了一份
var ff=per.play.bind(stu);
ff();
/*
* bind使用语法
* 函数名字.bind(对象，参数1，参数2，......);====>返回值是复制之后的这个函数
* 方法名字.bind(对象，参数1，参数2，......);====>返回值是复制之后的这个方法

function ShowRandom() {
    this.number=parseInt(Math.random()*10+1);
}
//添加原型方法
ShowRandom.prototype.show1=function () {
    //改变了定时器中的this 的指向，本来应该是window,现在是实例对象了
    window.setInterval(this.show2.bind(this),1000);
};
//添加原型方法
ShowRandom.prototype.show2=function () {
    //显示随机数
    console.log(this.number);
};
//实例对象
var sr=new ShowRandom();
//调用方法，输出随机数
//调用这个方法一次，可以不停的产生随机数字
sr.show2();