前端扫盲之手写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,["我很聪明"])

运行结果

在这里插入图片描述

总结

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

posted @   前端导师歌谣  阅读(42)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示