scabell 2019-02-22 12:01 采纳率: 0%
浏览 582
已采纳

setInterval执行错误，请解释出错原因

  1. <!doctype html>


    汽车


    <br> var Car=function(x,y){<br> this.x=x;<br> this.y=y;<br> };<br> Car.prototype.draw = function( ) {<br> var carHtml=&#39;<img src="flowers.jpg">&#39;;<br> this.carElement=$(carHtml);<br> this.carElement.css({<br> position:&quot;absolute&quot;,<br> left:this.x,<br> top:this.y,<br> width:100,<br> height:100<br> });<br> $(&quot;body&quot;).append(this.carElement);<br> };</p> <p>Car.prototype.moveRight = function( ) {</p> <pre><code>this.x+=10; this.carElement.css({ left:this.x, top:this.y }); $(&quot;body&quot;).append(this.carElement); </code></pre> <p>};</p> <p>var tesla=new Car(20,20);</p> <p>tesla.draw();</p> <p>tesla.moveRight(); //执行正确</p> <p>setInterval(tesla.moveRight,50);<br><br> /*<br> 执行错误,请解释出错原因:car.html:30 Uncaught TypeError: Cannot read property &#39;css&#39; of undefined at Car.moveRight <br> */</p></li> </ol> <p>

  • 写回答

2条回答 默认 最新

  • Print_v 2019-02-22 16:07
    关注
    setInterval(tesla.moveRight,50);

    改为

    setInterval(function(){ tesla.moveRight(); },50);

    即可

    直接把 tesla.moveRight 赋值给 定时器 this指向是window
    可能是这样执行的 

    var fn = tesla.moveRight;    fn();
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • 前端面试 | 用setTimeout实现setInterval
    2025-10-05 14:57
    2301_80428853的博客 主要内容包括：1）setTimeout和setInterval的区别：前者只执行一次，后者重复执行；2）setInterval的缺陷：当任务执行时间超过间隔时间时会导致任务堆积；3）实现方法：通过递归调用setTimeout，并包裹内部函数来...
  • 前端错误监控教程
    2025-03-31 15:44
    像素行者的博客 前端错误监控是现代Web应用不可或缺的一部分。通过系统性地捕获、上报和分析错误，开发团队可以主动发现并解决问题，提高应用质量和用户体验。最好的错误处理不仅仅是监控和修复，还包括通过代码审查、自动化测试等...
  • 前端异常错误处理（包括但不限于react,vue)
    2023-07-24 20:42
    wxiaojia的博客 前端异常错误处理
  • 2023前端大厂面试题之JavaScript篇(1)
    2022-03-05 21:17
    若年封尘的博客 系列文章： 2023前端大厂面试题之JavaScript篇(1) 2023前端大厂面试题之JavaScript篇(2) 2023前端大厂面试题之JavaScript篇(3) 2023前端大厂面试题之JavaScript篇(4) 2023前端大厂高频面试题之CSS篇 2023前端大厂...
  • 身为三本的我就是凭借这些前端面试题拿到百度京东offer的，前端面试题及答案
    2021-01-18 18:17
    晟小明的博客 顺便，如果有错误的地方请各位一定要指出，免得误导更多人。 接下来的题我会根据重点程度使用⭐来标记，⭐越多标明越重点，满星是5颗星 ok，你准备好了吗？咱们开始吧！ JS 数据类型 面试官：JavaSc
  • 前端面试题八股文汇总（最新）
    2022-05-26 23:09
    里见HU的博客 请添加图片描述"><p></p> <h2><a id="__6">一 、第一回合 <h4><a id="1_7"></a>1.开发中遇到的困难？ 问题：才开始做项目的时候，以为插件使用简单，vue项目中轮播图的使用，swiper插件的使用，查看官方的文档是...
  • 前端场景面试题
    2024-09-14 14:14
    不想做菜鸟了的博客 const interval = setInterval(()=>{ if(width >= 100){ clearInterval(interval); progressBar.style.width = '100%'; setTimeout(()=>{ progressBar.style.display = 'none', },500); }else{ width += 10; ...
  • 前端面试汇总-JavaScript
    2023-06-19 18:37
    码海行舟的博客 NaN 指“不是一个数字”（not a number），NaN 是一个“警戒值”（sentinel value，有特殊用途的常规值），用于指出数字类型中的错误情况，即“执行数学运算没有成功，这是失败后返回的结果”。 typeof NaN; // ...
  • 乌鸫科技前端二面 面试技巧和思路总结
    2025-06-14 20:07
    发现你走远了的博客 微前端就是把大网站拆成多个独立的小应用（子应用）拼起来（基座应用）。比如“优化后页面加载速度提升了40%”，“表单提交错误率降低了XX%”。（比如某个复杂页面的开发、性能优化、某个关键模块的设计）。展示学习...
  • 前端面试汇总-React
    2023-06-29 19:52
    码海行舟的博客 事件的执行顺序为原生事件先执行，合成事件后执行，合成事件会冒泡绑定到 document 上，所以尽量避免原生事件与合成事件混用，如果原生事件阻止冒泡，可能会导致合成事件不执行，因为需要冒泡到document 上合成事件...
  • 前端算法题 （会一直更新）
    2025-06-20 12:02
    好记性不如的博客 前端算法题 1.两数之和 思路：遍历数组 计算当前项和目标和的差值 如果差值在对象中 那就返回 如果不在 那就把当前项目的value和index放到map中 import React, { Component } from "react"; export default class ...
  • setTimeout与setInterval的区别
    2022-05-26 07:35
    zy451的博客 setTimeout定义和用法 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout 方法接收两个参数，第一个参数为回调函数函数或字符串，第二个参数为触发...由 setInterval() 返回的 ID 值可用作 c
  • 想进互联网大公司？那这些题你总得会吧？前端面试题及答案
    2022-02-17 18:37
    晟小明的博客 本文章是根据2022年的面试题走向对《身为三本的我就是凭借这些前端面试题拿到百度京东offer的，前端面试题2021及答案》的做了一些增添删除。 JS 数据类型 面试官：JS的数据类型都有哪些⭐⭐⭐⭐⭐ 答： 数据类型...
  • 剖析前端异常及降级处理
    2024-04-22 04:30
    sgegv的博客 同样也不能捕获异步代码的错误，但是有一点值得注意的是，window.onerror能捕获同样是异步代码的setTimeout和setInterval里面的错误。 看来，寄予厚望的window.onerror并不是万能的。 (5) window.addEventListener 1...
  • 前端编码技巧与规范
    2025-01-02 21:28
    Jayden_念旧的博客 当然不是所有实例都是针对 Vue.js 开发的，有些同样也适用于其他前端项目。 1. 使用对象代替 if 及 switch 在很多情况下，我们经常会遇到循环判断执行赋值操作的场景，一般我们都会使用 if 及 switch 的条件判断，...
  • 2022年前端面试题整理，持续更新中
    2022-03-11 18:14
    zh阿飞的博客 最新的面试题整理，整理了很多的一些基础知识， 适合初中级的前端开发
  • 从 0 开始认识 WebSocket：前端实时通信的利器！
    2025-04-22 16:04
    遗憾随她而去.的博客 //接收消息 socket.onmessage=(event)=>{ conosle.log('收到服务器消息: ',event.data) } //监听关闭 socket.onclose=()=>{ console.log('连接关闭') } //错误处理 socket.onerror=(error)=>{ console.log('出错啦'...
  • 前端如何检测用户登录状态是否过期?
    2024-10-31 08:00
    Luckyfif的博客 在前端开发的复杂领域中，检测用户登录状态是否过期是一项极为常见且关键的需求。尤其在复杂业务场景下，精准地把控这一环节对于保障优质的用户体验至关重要。
  • 2025前端最新面试题-网络篇
    2025-02-25 09:23
    大麦大麦的博客 还在为 HTTP 面试题发愁？这里一网打尽浏览器禁用第三方 cookie 原因、HTTP 协议细节、跨域问题、TCP 连接等高频考点，全面梳理，助力你面试通关，快来查漏补缺！
  • 使用 new EventSource 实现前端实时通信
    2025-04-08 15:18
    95加满~的博客 eventSource.addEventListener(‘message’, callback)：监听 message 事件，callback 会在接收到推送消息时执行，event.data 包含服务器发送的消息内容。 eventSource.addEventListener(‘open’, callback)：监听...
  • 没有解决我的问题, 去提问

问题事件

  • 已采纳回答 10月31日