javascript中的函数对象的call、apply和bind方法，及this指向总结

- 日理万妓 2023-10-06 17:44 25阅读 0赞

## 一、call()和apply() ##

这两个方法都是函数对象的方法，需要通过函数对象来调用；  
当对函数调用call()和apply()都会调用函数执行

function fun() {
        
    	console.log("调用fun方法");
    }
    fun();			//会调用fun方法
    fun.call();		//也会调用fun方法
    fun.apply();	//也会调用fun方法

### 1.1、在调用call()和apply()可以将一个对象指定为第一个参数 ###

此时这个对象将会成为函数**执行时**的this

function fun() {
        
    	console.log(this);
    }
    
    var obj={
        
    	name:'wangermao'
    }
    
    fun();
    fun.call(obj);		
    fun.apply(obj);

![在这里插入图片描述][20210522105904408.png]  
再看

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70]

### 1.2、call()方法可以将实参在对象之后依次传递 ###

![在这里插入图片描述][20210522113030604.png]

### 1.3、apply()方法需要将实参封装到一个数组中统一传递 ###

![在这里插入图片描述][20210522113304367.png]

## 二、bind ##

![在这里插入图片描述][502e141d54804415a9942a49db08cdb1.png]

## 三、this的情况： ##

* 		1.以函数形式调用时，this永远都是window
    	 * 		2.以方法的形式调用时，this是调用方法的对象
    	 * 		3.以构造函数的形式调用时，this是新创建的那个对象
    	 * 		4.使用call和apply调用时，this是指定的那个对象

## 四、面试题 ##

### 4.1、面试题1 ###

### 4.2、面试题2 ###

## 五、call的实际运用，子类集成父类的方法 ##

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rGf5bee55uK5b2k_size_15_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][00ccf435ab754b86871dedd79982eb6b.png]  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rGf5bee55uK5b2k_size_19_color_FFFFFF_t_70_g_se_x_16]

[20210522105904408.png]: https://img-blog.csdnimg.cn/20210522105904408.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210522111438176.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng==,size_16,color_FFFFFF,t_70
[20210522113030604.png]: https://img-blog.csdnimg.cn/20210522113030604.png
[20210522113304367.png]: https://img-blog.csdnimg.cn/20210522113304367.png
[502e141d54804415a9942a49db08cdb1.png]: https://img-blog.csdnimg.cn/502e141d54804415a9942a49db08cdb1.png
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rGf5bee55uK5b2k_size_15_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/9c1b30bcf6b748f49fe29c87edeb7bd8.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rGf5bee55uK5b2k,size_15,color_FFFFFF,t_70,g_se,x_16
[00ccf435ab754b86871dedd79982eb6b.png]: https://img-blog.csdnimg.cn/00ccf435ab754b86871dedd79982eb6b.png
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rGf5bee55uK5b2k_size_19_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/3d1273e68f6f48cbba45856b03fd7f60.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rGf5bee55uK5b2k,size_19,color_FFFFFF,t_70,g_se,x_16