setTimeout中this指向问题

最新推荐文章于 2024-04-23 20:50:49 发布
最新推荐文章于 2024-04-23 20:50:49 发布
阅读量627 收藏
点赞数
分类专栏： javascriptDOM 编程艺术 随书笔记 文章标签： 闭包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012764368/article/details/18795401
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
 p{
  position:absolute;
  left:50;
  top:50px;
 }
</style>
<script type="text/javascript">
 var message = {
      postitionMessage:function(){
      var para = document.getElementById("message");
   this.parap = para;
   para.style.position = "absolute";
      para.style.left = "100px";
      para.style.top = "50px";
   return this.movieMessage();
     },
     movieMessage:function(){
     var xpos = parseInt(this.parap.style.left);
     var ypos = parseInt(this.parap.style.top);
     if(xpos<200){xpos++};
  if(ypos<100){ypos++};
  this.parap.style.left = xpos+"px";
  this.parap.style.top = ypos+"px";
     that = this;
     setTimeout(function(){that.movieMessage()},100);
    }
 };
function messageObject(){return message.postitionMessage()};
window.onload = messageObject;
</script>
</head>
<body>
<p id="message">Whee</p>
</body>
</html>

 

因为setTimeout内的this指向的并不是这个对象而是window对象 所以需要先把this指向的对象本身存入一个变量 setTimeout第一个函数参数是一个闭包 根据闭包特性可以访问外部的方法

代码-君
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
由setTimeout的this讲起
在这里写Bug
09-26 2148
在最近一次面试中，技术官问了setTimeout中this的指向，看了无数遍的this相关的东西，没想到竟然在这个问题上栽了跟头……都怪我经验太少看书太少哎，所以来认真研究了一番这东西。 虽然setTimeout()平时也有用过，但理解得并不深。JavaScript高级程序设计有说：超时调用的代码都是在全局作用域中执行的，因此函数中的this的值在非严格模式下指向window对象，在严格模式下是u
关于setInterval和setTImeout中的this指向问题
weixin_30443075的博客
12-16 103
问题描述 前些天在练习写一个小例子的时候用到了定时器，发现在setInterval和setTimeout中传入函数时，函数中的this会指向window对象，如下例： var num = 0; function Obj (){ this.num = 1, this.getNum = function(){ console.log(this.num);...
setTimeout回调函数 this指向问题
最新发布
weixin_63681863的博客
04-23 270
内部的回调函数中，确保。
setTimeout函数this的指向
weixin_45727472的博客
03-03 7245
第一种解释： var obj = { name: 'name', foo: function () { console.log(this); // Object {name: "name"} setTimeout(function () { console.log(this); // Window }, 1000); }, foo2: function () { console.log(
关于setTimeout函数中的this指向问题
Harley567
08-05 1549
setTimeout中的this
setTimeout中this指向的问题
mk黑足的博客
11-16 1023
setTimeout中函数内的this是指向了window对象,setInterval同理 如果想要让setTimeout中的this不指向window，可以使用以下常用办法： 方法一：使用之前重新指向到一个变量，然后操作这个新的变量 if (paramObj.id != null) { var that = this; setTimeout(function() { that.$emit("getResponseData", paramObj);
详解JS中定时器setInterval和setTImeout的this指向问题
10-20
总结一下，`setInterval`和`setTimeout`的`this`指向问题在于它们的回调函数在全局作用域中执行，因此`this`默认指向`window`。要解决这个问题，可以使用变量保存`this`的引用或者使用`bind`方法来确保`this`指向...
js代码-setTimeout this指向问题
07-16
然而，`setTimeout` 中的 `this` 指向问题常常困扰着开发者，因为它与常规的 JavaScript 作用域和上下文规则有所不同。下面我们将深入探讨这个话题。 首先，`this` 关键字在 JavaScript 中表示当前对象，其值取决于...
【javascript 技巧】谈谈setTimeout的作用域以及this的指向问题
weixin_30414635的博客
11-29 104
setTimeout的用法详见：http://www.w3school.com.cn/htmldom/met_win_settimeout.asp 是的，setTimeout的常见用法是让某个方法延迟执行。我们知道，setTimeout方法是挂在window对象下的。《JavaScript高级程序设计》第二版中，写到：“超时调用的代码都是在全局作用域中执行的，因此函数中this的值在非严格模式下...
Javascript对象中关于setTimeout和setInterval的this介绍
12-12
在Javascript里，setTimeout和setInterval接收第一个参数是一个字符串或者一个函数，当在一个对象里面用setTimeout延时调用该对象的方法时 代码如下: function obj() { this.fn = function() { alert(“ok”); console.log(this); setTimeout(this.fn, 1000);//直接使用this引用当前对象 } } var o = new obj(); o.fn(); 然后我们发现上面的代码不是想要的结果，原因是setTimeout里面的this是指向window，所以要调用的函数变成
setInterval和setTImeout中的this指向问题
99的博客
03-13 755
setInterval和setTimeout中传入函数时，函数中的this会指向window对象 var num = 0; function Obj (){ this.num = 1, this.getNum = function(){ console.log(this.num); }, this.getNumLater = function(){
解决setTimeout中的this指向问题
weixin_33698823的博客
10-06 1182
在setInterval和setTimeout中传入函数时，函数中的this会指向window对象。 function LateBloomer() { this.petalCount = Math.ceil(Math.random() * 12) + 1; } // Declare bloom afte...
setTimeout里的this具体指向？
aoteman2135的博客
01-31 620
现代浏览器的设计是以用户体验为首要原则的，因此，一些浏览器可能会忽视 autocomplete="off"的设置，以保持用户输入信息的便利性，特别是对于用户名和密码的输入框。这对于用户来说是一个便捷的功能，但对开发者来说可能会带来一些不便。2.使用一个比较常见但有些hack的方法，即在你的真正输入框前，添加一个隐藏的假输入框。浏览器通常会自动填充第一个找到的输入框，因此它会将自动填充应用于隐藏的假输入框。例如，你可以监听页面加载完成的事件，然后用JavaScript清空输入框。
setTimeout系列（1）----弄清setTimeout中this的指向问题及解决方案
ForMyQianDuan的博客
09-25 5967
示例1： function foo(){ setTimeout(function(){ console.log(this); },100); } var obj ={a:1}; foo.call(obj); 示例2： function foo(){ setTimeout(()=&amp;amp;amp;amp;amp;amp;amp;amp;gt;{ console.log(this);
setTimeOut中的this问题
besttoby01的博客
11-18 428
在使用vue的时候，一般this指针用的比较多。但是在一些问题上，this指针会报错，因为this会一直更改所指向的对象。所以建议在使用this的时候我们在函数里面定义一个that= this，那样就不会出现指向不明的问题。尤其是在setTimeOut中会出现这个问题。 load: function (e) { var that = this; if(e >= al
setTimeout中的this指向问题
卡卡西：一个擅长拷贝的前端程序员
12-07 2372
当你向setTimeout()(或者其他函数)传递一个函数时,该函数中的this指向跟你的期望可能不同。 由setTimeout()调用的代码运行在与所在函数完全分离的执行环境上。这会导致，这些代码中包含的 this 关键字会指向 window （严格模式和非严格模式都会指向window）。 举例； let myArray = ["zero", "one", "two"]; myArray.myMethod = function (sProperty) { alert(arguments..
vue中函数this指向问题
06-03
在 Vue 中，函数中的 this 关键字默认指向当前组件实例。但是，当函数被作为回调函数传递时...为了解决这个问题，我们使用箭头函数或者 bind 方法来绑定 this 的值，确保 showMessage 方法中的 this 指向当前组件实例。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值