js中普通使用this

最新推荐文章于 2023-02-09 12:54:59 发布
最新推荐文章于 2023-02-09 12:54:59 发布
阅读量128 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38265115/article/details/104883400
版权

JS中普通使用this

js中往往存在复杂的循环中带有点击事件等等的处理，此时，在循环后，进行点击事件时，对点击事件处理时，往往会遇到这种问题

在第一处我
在第一处我打印的时候是大家想要的结果，但是在里面进行打印的时候就变成了undefined，后来我改成了this，便是和上面第一个一样的结果了，这是什么原因呢？

this永远都是调用自己的对象，而前面我们已经用了pic[i].onclick了，里面的this就是他自己，所以，此时只需把自己换成this即可

通俗来讲，
是自己调用了就不能再写自己了，再用到自己，就用this代替自己

He小白
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中的this原理及6种常见使用场景详解
10-15
3. **构造函数**：在构造函数中使用`new`关键字创建新对象时，`this`指向新创建的对象。 4. **`apply()`和`call()`**：这两个方法可以显式地设置`this`的值，它们接受一个参数，这个参数会成为`this`在函数内部的值...
call apply
weixin_46736195的博客
09-11 94
call apply bind 首先有一个函数和对象，函数使用call方法并且传入一个对象名，就能把this绑定再对象上。 fucntion persion(){ console.log(this.name) } var animal={ name="lizi" } person.call(animal) 就可改变person的this指向了。 call apply用于调用后，bind用于创建的时候。 this指向 函数调用的时候才会产一个this。每个函数本身就有一个this指向，每个函数
javascript中this用法
十九万里的博客
03-07 2981
javascript中this用法 一、this定义 this是一个对象，在不同情况在指向不同的对象 当一个函数被调用的时候回产生一个对象（调用方式，调用地点，参数等等） 一般来说我们用this指向全局作用域或者局部作用域来代替当前使用的对象。 使用的用途主要有： 1，作为对象方法来调用 2，作为构造函数来调用 3.使用call或者apply改变this方向后调用 二、this指向 先上结论 1、对象调用this，调用那个对象this指向那个对象 2、没有定义就直接调用this函数 ，this指向全局作用域
JS中this的使用
湿法止燃的博客
08-26 254
JS中的执行上下文「EC」：供代码执行的环境，进栈执行，执行完可能释放也可能不释放 全局执行上下文 EC(G) 块级私有上下文：除函数/对象之外的大括号中，但凡出现基于let/const/function声明变量的，都会产生块级上下文 函数私有上下文：函数执行产生的 THIS：执行主体，谁把它执行的「THIS是谁，和函数在哪创建以及在哪执行都没有半毛钱的关系」 全局执行上下文中的THIS是：window 块级私有上下文中的THIS是：它没有THIS，用到的THIS都是所处环境中的THIS 我们都是研究
JS学习笔记三
liuqinhou的博客
02-09 384
js基础
如何在外部js 文件中使用vue this关键字。
yuange
05-31 6962
1 this 关键字是什么？ this 指向了当前对象，当前对象里面有一些方法和属性可以给我们使用。 我们使用this 关键字的目的是使用当前对象下的方法和属性， 当我们在vue 文件里面使用 this 的时候这个this 就是 export default{ } 中的这个 { }，这个{ } 里面有很多的方法和属性可以给我们使用。 所以如果我么想要在外部文件里面使用某个vue 组件的属性和方法可以直接import 这个 vue 组件就可以了，import 进来的 组件就是我们...
老生常谈JavaScript中的this关键字
10-21
JavaScript中的`this`关键字是一个非常重要的概念，尤其对于熟悉其他面向对象编程语言的人来说，理解它的运作方式至关重要。在许多语言中，如Java，`this`关键字在编译时就已经确定，指的是当前对象。然而，...
JavaScript中this的使用详解
12-12
普通函数中的this无论this身处何处，第一要务就是要找到函数运行时的位置。 代码如下:1 var name=”全局”;2 function getName(){3 var name=”局部”;4 return this.name;5 };6 alert(getName());当this...
js中this的指向问题
01-08
js中this的指向问题 常见的大概有以下几种情况： 全局作用域、普通函数以及定时器中的this指向全局对象window 方法中的this指向的是调用它的对象 构造函数中的this指向构造函数的实例 箭头函数中没有绑定this，this...
JavaScript中this函数使用实例解析
01-19
这篇文章主要介绍了JavaScript中this函数使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 普通函数 普通函数中的this，普通函数中的this表示调用...
vue项目中在外部js文件中直接调用vue实例的方法比如说this
10-17
主要介绍了vue项目中在外部js文件中直接调用vue实例的方法比如说this,需要的朋友可以参考下
JS 方法中的this的使用
不甘平庸的人
08-29 2220
但是，如果我们给xiaoming绑定一个函数，就可以做更多的事情。比如，写个age()方法，返回xiaoming的年龄： var xiaoming = { name: '小明', birth: 1990, age: function () { var y = new Date().getFullYear(); return y - thi...
前端-浅谈箭头函数的this和普通函数的this
qq_38830670的博客
08-07 6362
说起胖函数的this指向这个坑我是踩了很多遍啊， 说起this，我相信只要是做编程写代码的对this一定都有了解。我现在和大家说说JavaScript的胖函数的this指向和es5普通函数的this指向什么不一样吧。 OK ，我理解的是ES6的箭头函数的this指向是，在哪里定义的箭头函数那么它的this就指向哪里。 而ES5普通函数的this指向是，在哪里调用的函数，那么this就
js中this的使用
z_zzz_111的博客
03-08 609
js中this 1.函数预编译过程 this ——> window 2.全局作用域里 this ——> window 3.call/apply 可以改变函数运行时 this 指向 4.obj.function();function()里面的this指向obj 与其他语言相比，函数的 this 关键字在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些...
vue 外部js文件调用 vue实例 this
HHH917的博客
11-03 4328
假设外部文件为 onresize.js 需求则是 onresize.js内部 可以调用 vue 实例 this 从而达到使用vue对象内数据与方法。 第一步（非必须） 在main.js 引入 onresize.js （这不是必须的 看需要哪里使用到该js文件！） // Window.onresize 事件 动态调整窗口 import "@/assets/js/onresize"; 第二步（必须） 使vue实例化 并导出vue // vue实例化 var vue = new Vue({ router,
普通函数中this的默认指向都有哪几种
爱吃糖果儿哒莲
12-17 962
普通函数this指向调用的对象 1、全局函数—this指向window function a(){ console.log(this);//window } a() 2、对象中的函数this指向当前对象 var obj={ say:function(){ console.log(this);// obj } } obj.say(); 3.事件中的this指向发生事件的dom对象 <button id="btn"> 点击 </button> &lt
或许我们在 JavaScript 中不需要 this 和 class
weixin_33890499的博客
03-21 359
今年年初 Douglas Crockford 的新书 How JavaScript Works 出版不久后，我买来看了。在 JavaScript: The Good Parts 出版后 10 年，并深远影响了 JavaScript 语言之后，Douglas Crockford 对 JavaScript 这门语言依然有很多不满，并认为 the bad parts 更多了。 当然我并不认同他的所有观点...
js 控制图片显示
wangschang的专栏
02-06 570
function resize(thispic){ var nWidth=482; var nheight=325; if(thispic.width>nWidth || thispic.height>nheight) { if (thispic.width/thispic.height>nWidth/nheight){ thispic.width=nWidth} else { thispic.h
js中this关键字
最新发布
07-28
在JavaScript中，this关键字是一个特殊的变量，它通常用于引用当前执行代码的对象。具体来说，this的值取决于函数的调用方式。 1. 全局作用域中：在全局作用域中，this指向全局对象（在浏览器中是window对象）。 2...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值