前端扫盲202307手写apply

爱学习的前端歌谣

发布于 2023-10-18 11:08:01

1090

发布于 2023-10-18 11:08:01

文章被收录于专栏：前端小歌谣前端小歌谣

前言

大家好我是歌谣今天继续给大家带来新知识点的一个讲解就是我们的一个手写apply的讲解上一节我们是关于手写call的讲解

apply的用法

我们先来看看apply的用法

var geyao = {
            name: "geyao",
            show(data) {
                console.log(this, "this")
                console.log(` 我是${this.name}${data}`)
            }
        }
        var fangfang = {
            name: "fangfang"
        }
        geyao.show.apply(fangfang,["我很聪明"])

运行结果

核心apply

第一执行的函数立即执行第二可以改变this的指向

 var geyao = {
            name: "geyao",
            show(data) {
                console.log(this, "this")
                console.log(` 我是${this.name}${data}`)
            }
        }
        var fangfang = {
            name: "fangfang"
        }
        geyao.show.apply(fangfang,["我很聪明"])
        Function.prototype.GeyaoApply = function (content,arguments) {
            //解决没有参数 就是window的问题
            content = content || window
            //定义唯一值
            let unique=Symbol()
            content[unique]=this
            //解决传递多个参数的问题
            content[unique](...arguments)
            //删除多余属性
            delete content[unique]
        }
        geyao.show.GeyaoApply(fangfang,["我很聪明"])

运行结果