【复习】call，apply，bind三个方法的异同

关注

原创最新推荐文章于 2026-04-04 10:17:22 发布 268 阅读 AI 写同款· GEO 优化 ›

抖音无水印视频爬虫实战：从抓包分析到批量下载指定用户作品抖音作为当前最受欢迎的短视频平台，拥有海量的优质内容。很多用户希望备份自己或他人的作品，但抖音官方并未提供批量下载功能，且直接下载的视频带有平台水印。本文将带领大家从零开始，通过抓包分析、设备模拟、请求签名等核心技术，实现一个完整的抖音无水印视频爬虫系统。本文仅供技术学习和个人备份使用，请勿将爬取的内容用于商业用途或侵犯他人版权，爬取频率请控制合理范围内。目录一、前言二、技术栈概览三、准备工作3.1 环境搭建3.2 抓包分析步骤3.3 关键API发现四、核心技术解密4.1 X-Gorgon签名算法。阅读详情

call，apply，bind三个方法都用来处理函数内部this指向的问题

call：会自动调用函数，并且改变this指向

// call：函数的方法，作用，改变this指向
		// 普通函数
		function fn (a, b) {
			console.log(this, a, b);// this指向window[window调用的这个函数]
		}
		// fn();
		var obj = {name : '张三丰', age : 22};

		// 改变this指向
         //obj undefined undefined
		 fn.call(obj);
		// obj 111 222
		fn.call(obj, 111, 222);

结果示例：

apply：会自动调用函数，但是传参必须数组形式

简单示例：

function fn (a, b, c) {
			console.log( this, a, b, c );
		}

		var o = {name : '刘德华', age : 23};
		// 改变this
		fn.apply(o, [111, 222, 333]);

数组中求最大值：

var arr = [123,456,23,44,66,99];
		// var n = Math.max(123,456,657,657,2345,456,345,234,345);
		// console.log( n );	
		var n = Math.max.apply(null, arr);
		console.log( n );

bind:不会自动调用函数，只能手动执行函数，传参与call一致

简单示例：

function fn (a, b,) {
			console.log(this, a, b);
		}

		var o = {name : '阿飞', age : 22};

		var newFn = fn.bind(o, 111, 222);//使用bind不会立即执行，需要手动调用
		newFn();

定时器示例：

点击禁用按钮，3s后通过bind将定时器的this指向（window）改为btn（按钮），所以3s后按钮恢复启用状态

var btn = document.querySelector('input');

		btn.onclick = function () {
			// 点击吧按钮禁用
			this.disabled = true;
			// 启动延迟性定时器
			window.setTimeout(function () {
				this.disabled = false;
				// call，apply，bind
			}.bind(this), 3000);
		}

call，apply，bind在传参和调用上有所不同

收录于