JavaScript中call&&apply详解（番外）

最新推荐文章于 2024-03-31 15:50:35 发布
最新推荐文章于 2024-03-31 15:50:35 发布
阅读量233 收藏
点赞数
分类专栏： web前端 文章标签： apply call
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38722097/article/details/88126276
版权

call和apply均用于this值绑定，区别在于参数列表

Function.apply(thisObj, args)
Function.call(thisObj, [param1[, param2 [, param3 [... [,paramN]]]]])

前者传入参数列表（arguments），后者挨个向里边放参数

call、apply方法可以将一个函数的对象上下文从出事的上下文改编为由thisObj指定的新对象

此章作为this指向章节的补充
在这里插入图片描述

魍-
关注
专栏目录
js中call函数理解
m0_38081413的博客
03-31 2254
一直以来，对call函数都不是很理解，经常看到用，有时候把，觉得挺好理解的，有时候吧，又觉得摸不清头脑，最近在看d3,里面又遇到call,所以，还是得把这个问题理解透彻。现在把我的理解记录如下： call函数的作用，最常用的概况，就是改变this的指向，确实是，可是怎么理解呢？先来看下一个简单是实现原理 Function.prototype.$call = function(context,...args){ const fn = this;//先将this即这个调用call的函数赋值给一个常量fn con
Js关于this的使用情况&&call()、apply()
Fishman113的博客
06-21 153
有时候在调用其他对象时分不清当前的this是哪个对象。此处记录一下：
apply && call && bind三者的区别和联系
weixin_41105030的博客
12-23 244
apply && call && bind三者的区别 apply 只有两个参数 - 第一个参数 ：设置函数内部this的指向;第二个参数：是一个数组 使用的方式 function fn(x, y) { console.log(this) // {name: "ls"} console.log(x + y) // 3 } v...
JavaScript中call、apply、bind详解及手写实现
最新发布
to_the_Future的博客
03-31 1425
首先，我们都知道JavaScript中的this指向分为软绑定及硬绑定。并且this的指向与执行上下文有关系。在全局执行上下文中，this指向 全局对象（），在对象调用其内部方法时，this指向调用的地方，这就称为。那么如何使用呢？这就需要使用JavaScript中内置的方法来实现了。
javascript 中 call() 、apply()和 bind()详解
qq_41534913的博客
10-29 403
前端日常开发的时候，这几个方法出现的频率还是很高的，之前一直没有去仔细的学习一下这几个这方法，今天总结一下 参考文章 https://blog.csdn.net/learninginJAVA/article/details/48914751 1. call、apply 在javascript中 call 和 apply 方法都是为了改变某个函数运行时的上下文，也就是说，为了改变函数内部的thi...
JavaScript中this这号人物和call、apply的详解
JackieDYH的博客
05-20 404
var obj = { foo: function () { console.log(this.bar) }, bar: 1 }; var foo = obj.foo; var bar = 2; obj.foo() // 1 foo() // 2 上述结果之所以不同，是因为函数体内部使用了this关键字。this指的是函数运行时所在的环境。对于obj.foo()来说，foo运行在obj环境，所以this指向obj；对于foo()来说，foo运行在全局环境，所以this指向全局环境.
JavaScript call，apply，bind详解及实现
Niall_Tonshall的博客
01-27 1104
1.前言 call，apply，bind这三个方法都是用来改变函数的this指向，如果有对this不熟悉的朋友，可以先看看笔者的这篇博客。 call & apply call()语法： function.call(thisArg, arg1, arg2, ...) thisArg 可选的。在 function 函数运行时使用的 this 值。请注意，this可能不是该方法看到的实际值：如果这个函数处于非严格模式下，则指定为 null 或 undefined 时会自动替换为指向全局对象，原始值
java中call和apply_JavaScript中call()和apply()使用方法详解
weixin_39932479的博客
02-25 334
概要一.官方定义在JavaScript中对于call()以及apply()的定义为：调用一个对象的一个方法，以另一个对象替换当前对象。二.个人理解(配合demo)从官方定义中我们可以看到什么(以apply()为例)：1.用来调用一个对象2.用调用的对象来替换当前对象熟悉面向对象编程的同学应该对this关键字特别熟悉，对于Java来说，this就是指当前对象。在JavaScript中，默认情况下(没...
javascript中的call和apply混用详解
xu550937586的博客
11-20 235
最近发现这样一串代码。大家先来帮我看一下。Function.prototype.uncurrying = function(){ var self = this; return function(){ Function.prototype.call.apply(self,arguments); } }var push = [].push.uncurrying(
javascript中call apply 与 bind方法详解
10-22
在JavaScript中，`call`、`apply`和`bind`都是与函数调用相关的三个重要方法，它们都允许我们改变函数内部`this`的指向，从而实现不同对象间的方法复用和灵活控制上下文环境。下面我们将分别详细介绍这三个方法。 1...
Javascript中call，apply，bind方法的详解与总结
10-20
本文针对JavaScript中三个重要的函数方法——call、apply和bind，进行详尽的分析，并在文章的结尾部分对这三个方法之间的联系和区别进行了概括，以便于读者更深入地理解它们的用途和应用场景。 首先，我们来探讨...
JavaScript中的apply和call函数详解
10-25
在JavaScript中，apply和call是两个非常重要的函数，它们允许开发者在调用函数时指定函数体内this的值。了解apply和call的用法对于深入掌握JavaScript编程是非常有帮助的。首先，我们需要明白在JavaScript中，函数也...
JavaScript中的事件循环&消息队列
qq_38722097的博客
03-20 2621
title: JavaScript中的事件循环&消息队列 作为一门设计初衷为了处理浏览器网页交互（DOM操作、UI动画等）的语言，JavaScript只能被设计为单线程（否则多个线程同时处理DOM那将会造成混乱）。 可是写过JavaScript代码的人都用过定时器、ajax、事件绑定等。如果是单线程那岂不是无法完成这些异步请求？ 一. 前言 其实，JavaScript单线程指的是浏览器...
Vue中的emit、on和v-on
qq_38722097的博客
03-07 2376
由于本人才疏学浅本文章参考了诸多大神的想法，会在文末贴上原文地址 一. $on && $ emit $emit(eventName, [...args])：触发事件 $on(eventName, callBack)：监听事件 如果把Vue看成一个家庭（相当于一个单独的components)，女主人一直在家里指派($emit)男人做事，而男人则一直监听($on)着女士的指派($...
Js中的对象&实例
qq_38722097的博客
06-09 1739
对象 String toString():返回字符串的数组表示（就个人理解toLocaleStrig()和toString()无明显差别） valueOf():返回 Boolean 对象的原始值 charAt()返回在指定位置的字符 concat()连接字符串 indexOf()检索字符串 lastIndexOf()从后向前搜索字符串 match()找到一个或多个正则表达式的匹配 rep...
Node连接mysql之——登陆验证（1）
qq_38722097的博客
12-05 1114
写了这么久前端忽然想看一下后台大佬的世界，所以就看了一下nodeJS中的express框架和koa。 不过今天咱们不说这玩意儿，而是讲一下我们最重要的东西：数据库的连接 要用到数据库当然少不了我们稳定可靠的mysql咯，我们要试着做一个验证登陆的东西，所以做如下配置 const express = require('express'); const session = require('expre...
ES6中的Promise
qq_38722097的博客
03-20 411
title: ES6中的Promise 一. 提要 为解决传统异步所造成的回调地狱，社区提出了Promise方案并最终将其写入了语言标准。其用法如其名——承诺：即非立即兑现，通过then方法调用其状态，通过catch捕获错误。 二. 状态 Pending：进行中 Fulfilled：已成功 Rejected：已失败 Promise的另一个特性是无法改变。正如其英文寓意一样，一旦状态改变就...
ES6中的Symbol
qq_38722097的博客
03-20 390
title: ES6中的Symbol Symbol函数前不能使用new命令，否则会报错。这是因为生成的 Symbol 是一个原始类型的值，不是对象。也就是说，由于 Symbol 值不是对象，所以不能添加属性。基本上，它是一种类似于字符串的数据类型。 Symbol函数可以接受一个字符串作为参数，表示对 Symbol 实例的描述，主要是为了在控制台显示，或者转为字符串时，比较容易区分。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值