#yyds干货盘点# 手动封装callES6

简介: #yyds干货盘点# 手动封装callES6

前言


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


导语


手动封装callES6


图片.png

代码部分

//传入两个参数 一个需要绑定的对象 一个传入的参数
  Function.prototype.mycall=function(obj,...args){
    //参数不是对象需要转成对象 当值为null喝undefined的时候默认指向windows
    obj = obj ? Object(obj) : window;
    //设置唯一值
    var key=Symbol()
     //修改this指向 添加一个属性指向this
     console.log(this,"this") //fn(a, b, c)
     console.log(args,"args") //fn(a, b, c)
     console.log(...args,"argsList") //fn(a, b, c)
    obj[key]=this
     //扩展运算符可以把字符串 转化为数组 数组转换为字符串
    var result=obj[key](...args)
    //删除已经绑定的对象属性
    delete obj.geyao
    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


总结


验证完成 有所简化



相关文章
|
5月前
|
算法 Java 编译器
C++ | 深入浅出类的封装思想【图文案例,通俗易懂】-3
C++ | 深入浅出类的封装思想【图文案例,通俗易懂】
40 0
|
5月前
|
算法 Java 编译器
C++ | 深入浅出类的封装思想【图文案例,通俗易懂】-1
C++ | 深入浅出类的封装思想【图文案例,通俗易懂】
127 3
|
5月前
|
存储 编译器 程序员
C++ | 深入浅出类的封装思想【图文案例,通俗易懂】-2
C++ | 深入浅出类的封装思想【图文案例,通俗易懂】
63 0
|
1天前
|
Java 容器
对于所有对象都通用的方法⭐良好习惯总结(避免踩坑)
对于所有对象都通用的方法⭐良好习惯总结(避免踩坑)
|
2天前
|
XML JavaScript 前端开发
大前端JS部分基础面试题(含答案)(一)
大前端JS部分基础面试题(含答案)
|
2天前
|
设计模式 缓存 前端开发
大前端JS部分基础面试题(含答案)(二)
大前端JS部分基础面试题(含答案)(二)
|
2天前
|
存储 C++
【C++】function包装器全解(代码演示,例题演示)
【C++】function包装器全解(代码演示,例题演示)
|
9月前
|
前端开发
前端扫盲202307手写call(1)
前端扫盲202307手写call
36 0
|
9月前
|
前端开发
前端扫盲202307手写call(2)
前端扫盲202307手写call
44 0
|
9月前
|
前端开发
前端学习笔记202305学习笔记第二十二天-表格数据方法封装2
前端学习笔记202305学习笔记第二十二天-表格数据方法封装2
48 0