前端扫盲202307手写apply

前言

 大家好 我是歌谣 今天继续给大家带来新知识点的一个讲解 就是我们的一个手写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,["我很聪明"])

运行结果

总结

 我是歌谣 最好的种树是十年前 其次是现在

下方查看历史文章

nvm安装解决项目之间的依赖关系

react-admin+postgrest实现增删改查功能(摆脱接口开发)

uniapp+vue+uview适配安卓4.4项目实现简单登录和操作页面

hook+ant design实现文本Input多行编辑

点个在看你最好看