改变this指向的方法(一天一个问题1)

最新推荐文章于 2022-03-29 16:43:31 发布
原创 最新推荐文章于 2022-03-29 16:43:31 发布 · 182 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文详细介绍了JavaScript中改变函数内部this指向的三种方法：call、apply和bind。通过实例解析了它们的区别与应用场景，帮助读者理解this在不同上下文中的行为。

改变this指向的方法call,apply,bind

1.改变this的指向并且执行调用函数
.call(), call(thisScope, arg1, arg2, arg3…)
.apply(), apply(thisScope, [arg1, arg2, arg3…]);两个参数
2.而bind 改变this的指向，返回的是函数
.bind() bind(thisScope, arg1, arg2, arg3…)
3.this在函数创建的时候是没有意义的，只有在函数调用的时候指向调用这个函数的对象
博客地址

Java高频面试基础问题与知识点整理
张彦峰的博客
11-04 171万+
Java高频面试知识点总结：覆盖高频基础知识考点+高频集合知识点深入分析+高频多线程与并发编程面试题汇总+其他扩展考察等。
2024年Unity 面试题 |五萬字 二佰道| Unity面试题大全，面试题总结【全网最全，收藏一篇足够面试】
热门推荐
努力前行，总会成为自己心中的那道光
02-23 16万+
正所谓 金三银四 ，又到了找工作的大好时机了，不知道大家有没有意向找一份更好的工作呢~ 之前写了很多Unity的学习和实例文章，但是面试题部分还没有一个系统的整理。 那本篇文章就来整理一下Unity中一些常见的面试题，说不准就会面试的时候就会遇到！ 本篇文章会将Unity所有方面的面试资料都融会贯通，绝对是2022年Unity面试领域最实用的文章啦！
前端js中this指向及改变this指向
json博客
01-10 1761
一、 this含义 this是JS中的关键字， 它始终指向了一个对象， this是一个指针; 二、 this显示绑定和隐式绑定 1. this显示绑定  含义： 当一个函数没有明确的调用对象的时候， 也就是单纯作为独立函数调用的时候， 将对函数的this使用默认绑定： 绑定到全局的window对象  在显式绑定下： 函数将取得在“ 包含对象“ 里的永久居住权， 一直都会” 住在这里“  1.1 全...
js改变this指向方法call,apply;jq改变this指向方法$.proxy()
bluefish_flying的博客
09-28 5110
这些都是昨天看的一些博文，觉得很好，所以总结一下，避免自己不小心就忘掉了，当然后面有时间肯定会更加深入研究 http://www.cnblogs.com/qzsonline/archive/2013/03/05/2944367.html call()与apply()区别 一、方法的定义  call方法:  语法：call(thisObj，Object)
js：this的指向与改变方法，解构赋值、字符串模板 - 第十六天
qdcxy_lj的博客
03-29 1421
js：this的指向与改变方法，解构赋值、字符串模板 - 第十六天
完美解决settimeout回调函数中this总是指向window的问题
qq_21987433的博客
10-29 1805
问题描述 前些天在练习写一个小例子的时候用到了定时器，发现在setInterval和setTimeout中传入函数时，函数中的this会指向window对象，如下例： var num = 0; function Obj (){ this.num = 1, this.getNum = function(){ console.log(this.num); }, this.getNumLater = function(){ setTimeout
javascript防抖函数里的闭包,this指向解析
qq_34415621的博客
03-25 1174
javascript防抖函数解析前言普通的防抖函数 前言 js语言里的闭包,this等知识点通常会难到许多初学者,好在稍难一点的东西网上都能找到例程,或者已经被人封装过. 但是总有一天你会想更深入的了解一点,下面是本人学习时的理解,有错请指正. 普通的防抖函数 网上找到最常见的防抖函数 timeout就是一个闭包方式产生的变量,当你调用debounce函数以后,return的函数中会继续引用timeout变量,所以不会被gc回收,于是timeout就相当于return函数的"全局变量",但真正的全局变量并没
js箭头函数/函数this指向
Canace_Xyxjjcaw的博客
10-13 5533
一、函数的this指向 this是每一个函数都 一定有的关键词 this本质上是一个对象数据结构 用于指向数据 通过this关键词，可以调用操作这个 数据 1、this指向window 声明式函数 匿名函数 定时器 延时器 forEach循环 2、this指向事件源 事件绑定中，事件处理函数 this指向默认是事件源，也就是绑定事件的标签对象 3、this指向数组/对象 数组/对象 中存...
Vue钩子函数中的this为什么能指向Vue的实例而不是指向传入的参数options（Vue源码解读）
milugloomy的博客
09-10 1837
起因 先看一段Vue的代码，在Vue的原型链上增加了一个setData方法，然后实例化Vue对象，传入一个Object类型的参数 Vue.prototype.setData = function (key, val) { if (this.data) { this.data[key] = val } else { this.data = { [key]: ...
一个拖拽卡顿问题引发出对setTimeOut的探索
秦爱德
02-24 5465
海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。???? 导读 就在前不久，同事写了一个拖拽左边菜单栏改变菜单栏宽度从而得到更好的交互体验效果。But ！ 美中不足的是拖拽的时候如果手速过快，会导致卡顿效果，看起来十分难受。经过不断调试，最终是使用了setTimeout解决了该问题。那么问题来了！为什么setTimeout能解决动画卡顿问题呢？ 一图胜千文，通过两张图的前后对比，我们来看看实际效果！ （这是没有加上setTimeout之前，有明显卡顿????????????） （这是加上setTimeo
十万字全网最全数据结构代码
少说，多做。
04-20 12万+
本文代码实现基本按照《数据结构》课本目录顺序，外加大量的复杂算法实现，一篇文章足够。能换你一个收藏了吧？
【Electron-vue】构建桌面应用（9）-electron中的this指向问题
chenqk_123的专栏
09-28 929
我记得在刚使用elecctron-vue进行开发的时候是可以绑定的，通过一些事件触发也可以变更视图。于是重新构建了一个应用，当我没有引入主进程和渲染进程时，发现一切都是好的。然而添加过主进程和渲染进程通信后，发现在进程中无法使用this进行绑定。 在上一篇在中发现了electron-vue中的this指向出现问题，在主进程和渲染进程之间通信的时候，尝试了不管使用何种方式，在ipRenderer中this永远指向窗口即electron，而不是指向我们的Vue。 更正一个问题，昨天说到我在登陆页面也无法通过th
JavaScript高级：函数定义与this指向详解
- **`apply()`方法**：类似`call()`，但接受一个数组作为参数，用于处理数组方法的多参数调用，`this`指向数组的第一个元素。 通过理解和掌握这些概念，可以更好地编写JavaScript代码，控制函数行为和`this`的指向...
C++编程法则365天一天一条（21） 左值右值一文说清
二进制君
03-21 840
左值和右值相信困扰了绝大多数的C++开发者，而且网上关于左右值的解释大多存在不严谨的地方。今天，以C++权威标准https://en.cppreference.com/w/cpp/language/value_category来学习左值和右值。左值最开始的含义是可以出现在赋值表达式左边，然而如今这一说法已经不准确。首先C++ 新标准重新做了分类，引入了glvalue、prvalue、xvalue几个新概念。在C++11中所有的值必属于左值、右值两者之一，右值又可以细分为纯右值、将亡值。
js启动exe程序
hellowXDW的博客
12-06 1980
1.导出、添加注册表 a.输入regedit打开注册表编辑器 b.导出注册表 c.修改注册表，添加 [HKEY_CLASSES_ROOT\myprotocol] @="myprotocol Protocol" "URL Protocol"="" [HKEY_CLASSES_ROOT\myprotocol\DefaultIcon] @="C:\\PROGRAM...
postmessage封装跨域消息传递
hellowXDW的博客
02-27 1520
第一部分 postMessage消息传递 CD.html <div style="width:200px; float:left; margin-right:200px;border:solid 1px #333;"> <div id="color">Frame Color</div> </div> <div> &
websocket
hellowXDW的博客
08-16 347
webSocket优点 webSocket是HTML5中的协议，支持持久连接；而Http协议不支持持久连接。 可以由服务器主动发起 缺点 不兼容低版本的IE 解决长连接的其他办法 1）ajax轮询 ajax轮询的原理非常简单，让浏览器隔个几秒就发送一次请求，询问服务器是否有新信息 其他说明 Websocket只需要一次HTTP握手，所以说整个通讯过程是建立在一次连接/状态中 W...
跨域的N种解决方案
hellowXDW的博客
06-22 314
跨域的N种解决方案一、什么是跨域二、 跨域问题常见报错形式三、跨域的N种解决方案1、vue项目node中间件（http-proxy-middlewar）2、CORS跨域资源共享3、jsonp跨域4、websocket5.浏览器设置允许跨域（chrome）6.其他一些方法 一、什么是跨域 跨域，是指浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。它是由浏览器的同源策略造成的，是浏览器对 JavaScript 施加的安全限制。 什么又是同源策略？ 同源策略是由 Netscap
变量提升全解析
hellowXDW的博客
08-10 309
1.变量的提升：将变量的声明提升到执行环境的最顶端 console.log(a);//输出结果 undefined var a=10; //相当于 var a； console.log(a);//输出结果 undefined var a=10; 2.函数提升=函数声...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值