分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

js常见的var that = this的用法

发布时间:2023-09-06 02:01责任编辑:沈小雨关键词:js

this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,this代表的是当前对象,只能在函数内部使用

var that=this就是将当前的this对象复制一份到that变量中

$(‘#conten‘).click(function(){ ???//this是被点击的#conten ???var that = this; ???$(‘.conten‘).each(function(){ ???//this是.conten循环中当前的对象 ???//that仍然是刚才被点击的#conten ???});});

可以看到,this对象在程序中随时会改变,而var that=this之后,that没改变之前仍然是指向当时的this,这样就不会出现找不到原来的对象

jquery jquery里边有一个特别典型的例子能说明用_this的作用
$("#btn").click(function(){ ???var _this = this;//这里this和_this都代表了"#btn"这个对象 ???$(".tr").each(function(){ ?????????this;//在这里this代表的是每个遍历到的".tr"对象 ?????????_this;//仍代表"#btn"对象 ???})})

这种情况就是在一个代码片段里this有可能代表不同的对象,而编码者希望_this代表最初的对象

JS可以多层嵌套代码,可能下面还可以再嵌一个方法,引用this就会变成子方法控制的对象,如果需要上级的对像,
在没有参数的情况下,前面前提做了一个临时变量_this,可以保存上级对像,子方法中就可以用_this来调用了,这才是目的。

js常见的var that = this的用法

原文地址:https://www.cnblogs.com/agansj/p/9231720.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved