#yyds干货盘点# 【js学习笔记二十四】手动封装callES6

简介: #yyds干货盘点# 【js学习笔记二十四】手动封装callES6

前言


我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语


手动封装callES6


图片.png

代码部分

Function.prototype.myCall=function(){
 //如果是undefined和null 则指向window  不是对象用object转为对象
let params = Array.from(arguments);//得到所以实参数组
 let _obj = params.splice(0, 1)[0];//获取第一位作为对象,即this指向
//Symbol()表示独一无二的值
_obj.fn=this
 var result=obj.fn(...params)
 //删除属性
delete obj.fn
return result
 }
var name = 'fangfang';
var obj = {
name: 'geyao'
};
 function fn(a, b, c) {
 console.log(a + b + c + this.name);
return a + b + c + this.name
 };
fn.myCall(obj,"我的", "老婆", "是"); // 我的老婆是geyao


运行结果


我的老婆是geyao



相关文章
|
26天前
sd.js 2.0封装:更加简化请求传参内容(逐步废弃、逐渐日落2024.01.02)
sd.js 2.0封装:更加简化请求传参内容(逐步废弃、逐渐日落2024.01.02)
|
2月前
|
JavaScript
JS封装节流函数
JS封装节流函数
15 0
|
2月前
uni-app 65egg.js聊天类chat.js封装(二)
uni-app 65egg.js聊天类chat.js封装(二)
27 1
|
6天前
|
SQL 存储 前端开发
React&Nest.js全栈社区平台(五)——👋封装通用分页Service实现文章流与详情
React&Nest.js全栈社区平台(五)——👋封装通用分页Service实现文章流与详情
React&Nest.js全栈社区平台(五)——👋封装通用分页Service实现文章流与详情
|
9天前
|
移动开发 JavaScript 前端开发
webgl学习笔记3_javascript的HTML DOM
webgl学习笔记3_javascript的HTML DOM
16 0
webgl学习笔记3_javascript的HTML DOM
|
9天前
|
JavaScript 前端开发 Java
webgl学习笔记2_javascript基础快速学习
webgl学习笔记2_javascript基础快速学习
16 0
|
2月前
uni-app 66聊天类chat.js封装(三)
uni-app 66聊天类chat.js封装(三)
27 6
|
2月前
uni-app 64聊天类chat.js封装(一)
uni-app 64聊天类chat.js封装(一)
25 2
|
3月前
|
前端开发 JavaScript API
JavaScript学习笔记(一)promise与async
JavaScript学习笔记(一)promise与async
|
4月前
|
存储 JavaScript
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
24 0