前端扫盲之手写apply

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


运行结果

image.png


核心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,["我很聪明"])

运行结果

image.png



总结

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

相关文章
|
存储 移动开发 前端开发
【React工作记录九十四】前端小知识点扫盲笔记记录3
【React工作记录九十四】前端小知识点扫盲笔记记录3
188 0
|
前端开发 JavaScript
【Web 前端】 js中call、apply、bind有什么区别?
【4月更文挑战第22天】【Web 前端】 js中call、apply、bind有什么区别?
【Web 前端】 js中call、apply、bind有什么区别?
|
前端开发 JavaScript
前端 JS 经典:apply、call、bind
前端 JS 经典:apply、call、bind
171 0
|
前端开发
前端扫盲202307手写apply
前端扫盲202307手写apply
181 0
|
前端开发
前端扫盲202307手写call(2)
前端扫盲202307手写call
118 0
|
前端开发
前端扫盲202307手写call(1)
前端扫盲202307手写call
113 0
|
前端开发
前端小知识点扫盲笔记记录8
前端小知识点扫盲笔记记录8
132 0
|
前端开发
前端学习笔记202306学习笔记第三十八天-手写apply得实现1
前端学习笔记202306学习笔记第三十八天-手写apply得实现1
112 0
|
前端开发
前端学习笔记202306学习笔记第三十八天-手写apply得实现1
前端学习笔记202306学习笔记第三十八天-手写apply得实现1
105 0
|
前端开发
前端学习笔记202306学习笔记第三十八天-手写apply得实现2
前端学习笔记202306学习笔记第三十八天-手写apply得实现2
137 0

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
  • 2
    前端工程化演进之路:从手工作坊到AI驱动的智能化开发
  • 3
    Vue 3 + TypeScript 现代前端开发最佳实践(2025版指南)
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
  • 6
    实现“永久登录”:针对蜻蜓Q系统的用户体验优化方案(前端uni-app+后端Laravel详解)-优雅草卓伊凡
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距