js 函数中为什么经常看到 var that = this 或 var self = this

最新推荐文章于 2024-07-02 19:55:32 发布
最新推荐文章于 2024-07-02 19:55:32 发布
阅读量993 收藏 4
点赞数 5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/meism5/article/details/105303872
版权

this 是 Javascript 语言的一个关键字。

this 代表函数运行时，自动生成的一个内部对象，指向当前对象，只能在函数内部使用。

Javascript 支持在函数中，定义并设置函数的回调，在不同函数内，this 指向的对象是不同的。所以一般在最外层函数，定义 this 变量为 that 或 self，在内部函数调该变量用。

$('#id').click(function(){
    //这里的 this 是被点击的对象
    var that = this;
    $('.title').each(function(){
        //这里的 this 是，通过 .title 查出来的对象集合中的每个元素对象
        //that 仍是被点击的对象
        
    });
});


 

 

【Java面试题与答案】整理推荐

 

ConstXiong
关注
浅析JavaScript中var that=this
01-19
在阅读别人的代码时，发现别人写的代码中有这么一句：var that = this;，这代表什么意思呢？经过一番查阅，才明白是这么回事。 在JavaScript中，this代表的是当前对象。 var that=this就是将当前的this对象复制一份到that变量中。这样做有什么意义呢？ $(‘#conten').click(function(){ //this是被点击的#conten var that = this; $(‘.conten').each(function(){ //this是.conten循环中当前的对象 //that仍然是刚才被点击的#conten }); }); 可以看到
js中var self=this的解释
热门推荐
dns007
09-17 2万+
每个函数在定义被ECMAScript解析器解析时，都会创建两个特殊的变量：this和arguments,换句话说，每个函数都有属于自己的this对象，这个this对象是在运行时基于函数的执行环境绑定的，即在全局对象中，this指向的是window对象；在自定义函数中，this对象指向的是调用这个函数的对象， 也就是说，this指向的是调用执行环境的那个对象。 如果是在函数嵌套环境中，this指
var that=this
lapiii的博客
07-02 187
是一种在 JavaScript 中常用的编程技巧，通常用于在不同的函数作用域中保持对当前对象 (这个技巧主要用于在回调函数或嵌套函数中，确保能够正确访问外部函数的。这种方法在 ES6 中可以通过箭头函数来简化，箭头函数不会绑定自己的。属性，并且定义了一个内部函数。使用箭头函数可以避免显式地保存。，它会捕获其所在的上下文的。引用，从而使代码更简洁。自己的上下文，而不是。
var that=that
chummyhe89的专栏
06-01 700
javascript中var that=this;是什么意思 你可能会发现别人写的代码中有这么一句：var that = this;，这代表什么意思呢？ 在javascript中，this代表的是当前对象。 var that=this就是将当前的this对象复制一份到that变量中。这样做有什么意义呢？ $('#zhetenga').click(function(){ //this是
JS 为什么在涉及到模块开发this的时候使用类似 self = this 的形式 p7
diansuo8105的博客
01-30 189
JS 动态作用域（调用栈）实际上也没有准确说明的，大多数我们使用对多和认知上大多是词法作用域，但是this的机制跟动态作用域很像。 var a = 2; function fn(){ console.log(a); } fn();// 2 这是理所当然的，不是么？实际上我们平时接触的最多可能就是这种，词法作用域（实际上当我们没有使用到关键字this时...
javascript中的self和this用法小结
01-19
一、 起因 那天用到prototype.js于是...代码如下:var Class = { create: function() { return function() { this.initialize.apply(this , arguments); } } } // Class使用方法如下var A = Class.create(); A. prototy
深入理解Javascript箭头函数中的this
10-20
1. **闭包**：创建一个局部变量（如`self`或`that`），将期望的`this`值保存在这个变量中，然后在回调函数中使用这个变量。例如： ```javascript Countdown.prototype.start = function() { var self = this; ...
Javascript中的this,bind和that使用实例
10-15
这就使得有时候需要使用`bind()`方法来明确指定`this`的值，或者在需要用到函数定义时保持`this`值的场景下使用`that`、`context`或`self`等变量来保存原始的`this`值。 `bind()`方法是`Function`原型上的一个方法...
js中this对象用法分析
11-29
在JavaScript中，`this`对象是一个非常关键的概念，它用于标识函数执行时的上下文，即函数被哪个对象调用。`this`的值不是在函数定义时确定，而是在函数执行时根据函数的调用方式动态绑定。下面将详细讨论几种常见的...
const _this = this是如何解决匿名函数的指向问题的
qq_45963949的博客
07-09 1484
感觉网上其他资源说得虽然正确但不好理解 尝试下梳理下自己的理解 用自己的话将道理解释一遍是一个非常有效的学习方法 1.this的指向用一句话概括就是从哪个对象调用this，this就指向哪个对象 推荐文献：https://zhuanlan.zhihu.com/p/25349790 2.但有一个问题就是，匿名函数实际上是通过windos对象调用的 （原理大概是匿名函数会在全局建立一个变量（比如a），然后将函数存入这个变量a，再执行windos.a调用函数） 所以匿名函数的this总是指向于windos对象（非
微信小程序中为什么使用var that=this
12-09
前言： 　　在小程序或者js开发中，经常需要使用var that = this;开始我以为是无用功，（原谅我的无知），后来从面向对象的角度一想就明白了，下面简单解释一下我自己的理解，欢迎指正批评。 代码示例： Page({ data: { test:10 }, testfun1: function () { console.log(this.data.test) // 10 function testfun2(){ console.log(this.data.test) //undefined } testfun2() }, }) 第一个this.data
var that = this
优雅的博客
08-30 1251
为什么说一般情况下，我们对于this，更喜欢先用一个变量定义，如 var that = this.    原因如下：      1 2 3 4 点击 window.onload = function(){ var btn = document.getElementsByTagName("button")[0]; btn.onclick = funct
JavaScript 中的 var that = this
Mr_Qiao93的博客
08-01 7095
关于JavaScript中的var that =this Author：Bridge Time:2017/8/01在JavaScript中，今天学习H5写一个小游戏的时候，遇到了一个不太懂的点，在此写下自己的第二篇CSDN博客。
html var that = this；
weixin_43621764的博客
04-21 213
this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，this代表的是当前对象，只能在函数内部使用。 var that=this就是将当前的this对象复制一份到that变量中。 this对象在程序中随时会改变，而var that=this之后，that没改变之前仍然是指向当时的this，这样就不会出现找不到原来的对象。 $(‘#conten').click(function(){ //this是被点击的#conten var that = this;
js中的var that=this
精通PHP,JAVA,上海话，广东话，英语，汉语等各种语言
12-19 863
在小程序或者js开发中，经常需要使用var that = this;开始我以为是无用功，（原谅我的无知），后来从面向对象的角度一想就明白了，下面简单解释一下我自己的理解。 代码示例： Page({ data: { test:10 }, testfun1: function () { console.log(this.data.test) // 10 function testfun2(){ c...
【JavaScript】var that = this
'Ablaze 的专栏
11-29 347
var that = this 就是将当前的this对象复制一份到that变量中。这样做有什么意义呢？$('#content').click(function(){ // this 是被点击的#content var that = this; $('.content').each(function(){ // this 是.content循环中当前的对象
js中var that=this的重要性
qq_36836277的博客
11-19 395
点击学习
var that=this的用法
m0_69699237的博客
07-11 212
var that=this的用法
var render = function() { var _obj var _vm = this var _h = _vm.$createElement var _c = _vm._self._c || _h 打断点报错h为undefined
最新发布
09-13
在这段代码中，`var _h = _vm.$createElement` 是用于创建新的 Vue 模板元素的变量，它通常是 Vue 实例方法的一部分。在函数组件中，`_vm` 变量引用的是当前组件实例，在非函数组件里，这将正常工作。 当你遇到 `h`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值