Vue apply和call的区别

最新推荐文章于 2022-12-05 23:18:18 发布
最新推荐文章于 2022-12-05 23:18:18 发布
阅读量1.3k 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wnk1997/article/details/122979176
版权
本文探讨JavaScript中apply和call方法的使用，它们都是用来改变函数调用时的上下文（this）。apply接受一个数组作为参数，而call则直接传入多个参数。当删除括号导致apply无法正常工作时，改用call即可解决问题。理解这两种方法对于优化代码和处理复杂场景至关重要。
摘要由CSDN通过智能技术生成

.apply(this,[xxx])里面放一个数组
.call(this,xx,xx)里面放一个或多个元素

比如上一篇文章里面的
在这里插入图片描述
如果把括号删了，用apply就会报如下的错误
在这里插入图片描述
这时候把前面的apply改成call就能正常运行了
在这里插入图片描述

在这里插入图片描述

爱学习的小康
关注
arguments、apply、call、bind(vue源码四)
CSDNchaxundaima的博客
05-18 359
arguments arguments类数组对对象，代表传入函数传入函数参数的列表。 两种情况严格模式和非严格模式 严格模式下arguments展示如下： function a(a){ "user strict" a=10 console.log(a,arguments[0]) } a(1) //输出结果为10，1 非严格模式下arguments展示如下： function a(a){ a=10 console.log(a,arg
分不清bind、apply、call？手写实现一下就明白了
小王的技术库
08-27 305
学会了如何实现bind、call和apply，对于理解如何使用，以及如何避免潜在的错误有很大的帮助。特别是call和apply，我们在实现的时候借助于对象内部的非箭头函数，其this指向对象自身这一基础知识，实现了this绑定。如果还未搞清楚的朋友，可以将代码运行起来看看，也许能帮助你更好的理解。...
Vue之call
08-20 4105
call 是js语法。。。今天遇到了，就写几个demo ，了解一下他的原理。 var test = { add:function (a) { return a+1 } } var addfun = test.add console.log(addfun.call(test,1)) console.log(test.add(5)) 输出如下： 如果是函数调...
JS、Vue中的this指向 + 使用apply()、call()、bind()方法修改this指向
最新发布
emmmmimport的博客
12-05 4175
一些常见的JS、Vue中的this指向问题及示例，以及使用apply()、call()、bind()方法修改this指向时的注意事项及示例。
Vue .call()方法
m0_56071898的博客
05-28 2671
.call()方法： 将函数绑定到某个对象，call()不会创建一个函数，函数体内的this对象的值会被绑定到传入call()中的第一个参数的值， 例如： let originPush=VueRouter.prototype.push; //重写push方法 //第一个参数：告诉原来push方法往哪里跳转（传递哪些参数） VueRouter.prototype.push=function(location,resolve,reject){ if(resolve && reject)
vue 函数this指向问题与call, bind, apply的功能测试
qq_42449028的博客
04-15 981
普通函数中this指向其调用者，箭头函数中this指向函数创建时最近的上下文。 call，bind, apply主要用于改变对象中的this指向。 call，bind, apply异同： 同：改变对象中this的指向 异： call 1、传入(object, str1, str2, …)，如果传入数组，会执行数组的toString方法转为字符串。 2、直接执行函数； bind 1、传入(obejct, array)，如传入字符串，会报Uncaught TypeError: CreateListFromArr
Vue连环夺命 call ，看你能接住几招？
与墨的编程成长历程
06-01 450
❤支持一下博主呗啾咪❤总结前端框架 Vue 面试题合集，第一集完成。
call、apply、bind
langmanboy的博客
04-07 101
call、apply、bind call、apply 和 bind 是挂在 Function 对象上的三个方法,只有函数才有这些方法 作用：改变函数执行时的 this 指向 1. call fun.call(thisArg, arg1, arg2, ...) thisArg：在 function 函数运行时使用的 this 值 非严格模式下：thisArg 指定为 null，undefined，fun 中的this 指向 window 对象 严格模式下：fun 的 this 为 undefined 值为
Vue3.0路由懒加载报错 Cannot read property ‘apply‘ of undefined
ChangKyrie的博客
04-06 1783
这里写自定义目录标题项目场景：问题描述：原因分析：解决方案： 项目场景： Vue 3.0使用路由懒加载报错 问题描述： 使用Vue-cli3.0搭建项目后，按照常规异步路由使用，控制台报错， 代码： const Login = (resolve: any) => require(['../page/Login/Login.vue'], resolve) const Report = (resolve: any) => require(['../page/ReportView/Report.
JS之call、apply、bind的区别与实现
Web_boom的博客
09-27 1402
最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。有需要的小伙伴，可以点击下方卡片领取，无偿分享。
理解 apply、call、bind之间的区别，基于vue用apply实现节流防抖
qq_50750390的博客
08-31 958
理解 apply、call、bind之间的区别 基于vue实现节流防抖
vue.$set() 在为对象添加属性时代替 $scope.$apply()
smallNut的博客
04-26 465
今天在将angular项目移到vue项目中的时候，遇到一段给对象附加属性之后使用 scope.scope.scope.apply()强制刷新渲染 这里我想尝试$forceUpdate()方法去代替其作用，但是发现页面并不会随其附加属性而同步刷新，从而导致页面渲染的时候查询不到这段对象中的附加属性存在 于是便尝试使用vue自带的set方法去给对象赋加属性，页面也会随其附加属性而刷新 希望能帮助到遇...
apply()和call()的简单使用
天空影
10-24 450
介绍 JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法 语法： /*apply()方法*/ function.apply(thisObj[, argArray]) /*call()方法*/ function.call(thisObj[, arg1[, arg2[, [,...argN]]]]); 定义 apply：调用一个对象的一个方法，用另一...
apply和call方法的使用及原理
Chad97的博客
09-14 891
使用语法 函数名字.apply(对象,[参数1,参数2,…]) 方法名字.apply(对象,[参数1,参数2,…]) call的使用语法 函数名字.call(对象,参数1,参数2,…); 方法名字.call(对象,参数1,参数2,…); 作用：改变this的指向 不同的地方:参数传递的方式是不一样的 要是想使用别的对象的方法,并且希望这个方法是当前对象的,那么就可以使用a...
求问：vue为什么$apply()可以强制渲染页面
qq_41055071的博客
08-07 729
vue为什么$apply()可以强制渲染页面
Vue路由传参
call_me_fly的博客
07-02 200
错误写法：vm.$router.push({path: '/apiSteptwo', params: vm.steponeForm});这样是获取不到参数的，必须是name正确写法：vm.$router.push({name: 'apiSteptwo', params: vm.steponeForm});完！...
Javascript中call的使用
weixin_30415113的博客
04-17 177
Javascript中call的使用自己感觉蛮纠结的，根据文档很好理解，其实很难确定你是否真正的理解。 call 方法应用于：Function 对象调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数： thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN ...
【记录】前端知识点 - Vue
Youkirrr_的博客
03-29 813
MVC、MVP、MVVM （针对前端框架的理解） Vue没有完全遵守MVVM规范。因为严格的MVVM要求View和Model不能直接通信，而Vue通过$ref属性可以在ViewModel之外操纵到dom，也就是可以让Model操纵View。 vue官网描述 参考JavaScript设计模式（推荐去看看，里面讲的更详细，落实到具体如何实现。后续再出个blog。。。） 为什么data要写成函数式，而不是对象式？ 在拥有多个组件的情况下，写成函数式，每复用一次组件，都会返回新的data，相当于为每
JavaScript与Vue面试深度解析：this、call/apply区别与居中技巧
"本文将探讨JavaScript和Vue.js中的常见面试问题，包括this对象的理解、call()和apply()的区别以及实现水平垂直居中的方法。" 在JavaScript中，`this`对象是一个核心概念，它在不同的上下文中有不同的指向。理解`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值