摘要:本文将全面的,详细解析call方法的实现原理
本文分享自华为云社区《关于 JavaScript 中 call 方法的实现,附带详细解析!》,作者:CoderBin。
我们提供的服务有:网站制作、成都网站建设、微信公众号开发、网站优化、网站认证、玛沁ssl等。为千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的玛沁网站制作公司
本文将全面的,详细解析call方法的实现原理,并手写出自己的call方法,相信看完本文的小伙伴都能从中有所收获。
调用函数,可传入参数,改变this指向
1. 边界判断
2. 将调用的函数设置为对象(传入的context)的方法(改变this指向)
3. 调用函数,得到返回值,并返回
/** * !实现 binCall() 方法 * @param {*} context 绑定的对象 * @param {...any} args 剩余参数 * @returns */ Function.prototype.binCall= function(context, ...args) { if (typeof this !== 'function') console.error('type Error'); // 1 context = (context!==null && context!==undefined) ? Object(context) : window context.fn= this // 2 const result = context.fn(...args) // 3 delete context.fn; return result }