如何从parent调用子setInterval中的函数？
在JavaScript中，可以通过以下几种方式从父级调用子级的setInterval函数：
- 使用闭包：在父级函数中定义一个闭包函数，并将其作为参数传递给子级函数。子级函数可以在setInterval中调用该闭包函数。
function parent() {
var counter = 0;
function child(callback) {
setInterval(function() {
callback(counter);
counter++;
}, 1000);
}
function callbackFunc(value) {
console.log(value);
}
child(callbackFunc);
}
parent();- 使用对象方法：将子级函数作为父级对象的方法，并在setInterval中通过父级对象调用子级函数。
var parent = {
counter: 0,
child: function() {
setInterval(function() {
this.callback();
this.counter++;
}.bind(this), 1000);
},
callback: function() {
console.log(this.counter);
}
};
parent.child();- 使用箭头函数：箭头函数继承了父级作用域的this值，可以直接在子级函数中使用父级的属性和方法。
function parent() {
this.counter = 0;
var child = () => {
setInterval(() => {
this.callback();
this.counter++;
}, 1000);
};
this.callback = () => {
console.log(this.counter);
};
child();
}
new parent();无论使用哪种方式，都可以从父级调用子级的setInterval函数，并在子级函数中执行相应的操作。
相关·内容
2回答
为什么将函数的声明作为参数的setInterval()与匿名函数的工作方式不同？
javascript、typescript、setinterval
我不明白为什么在setInterval中使用函数名不能正常工作，但是传递同名函数却运行得很好。
不工作示例(它的控制台记录NaN，在第一次调用this.counter++之前，它返回未定义的变量，因为它找不到变量？)
export class MyClassName {
counter = 0;
startInterval(){
setInterval(this.myFunc , 1000)
}
myFunc(){
this.counter++;
console.log(this.counter)
}
}
但是随着startInterval的改变，它的工作正常
浏览 1提问于2019-05-24得票数 1
回答已采纳
3回答
在匿名函数中使用“`this`”的意图？
javascript、ecmascript-2016
问题
我今天才刚开始学习JS/ES7，我想看看我对this的理解是否正确。
基于下面的两个代码片段，我认为this的目的是人们可以选择是否要继承父函数中的变量？
如果这是正确的，那么在第一个示例中是否有一个在setInterval()中使用setInterval()的合法用例？
var countup = {
counter: 0,
start:function(){
var countup = this;
setInterval(function(){
countup.counter++;
}, 100
浏览 3提问于2020-04-16得票数 2
回答已采纳
3回答
Javascript:在setTimeout中使用更改的全局变量
javascript
我正在开发Javascript，并使用firefox抓痕板来执行它。我有一个全局索引，我想在我的setTimeout (或任何异步执行的函数)中获取它。我不能使用Array.push作为数据顺序必须保持，就好像它是按顺序执行的。这是我的密码：-
function Demo() {
this.arr = [];
this.counter = 0;
this.setMember = function() {
var self = this;
for(; this.counter < 10; this.counter++){
浏览 4提问于2014-04-25得票数 10
回答已采纳
3回答
使用JavaScript中的“this”创建具有方法的对象
javascript
我是一个熟练的c#程序员，我对HTML和Javascript有一点经验，但我似乎找不到对象。
我试图创建一个循环，它只是不断更新，直到计数器达到5，然后停止循环。但是在更新方法计数器= NaN中。
这是我的确切密码。
function LoginScreen() {
this.IntervalID = null;
this.counter = 0;
this.Start = function () {
this.IntervalID = setInterval(this.Update, 60 / 1000);
};
this.Stop
浏览 3提问于2013-10-16得票数 0
回答已采纳
1回答
作用域或闭包的问题
javascript、service、scope、closures、this
问题：
我有一个非常简单的代码片段。我用一个成员变量“计数器”和一个成员函数"start()“创建和对象，它每秒钟增加一个计数器变量。这里的问题是，当start()对其起作用时，计数器变量不会增加。这让我发疯了。
假设：
我认为这是一个与" this“关键字或范围/闭包问题有关的问题，但我不确定到底出了什么问题。
代码：
var livePlayer = {
counter : 0,
liveIteration: null,
start: function(){
this.liveIteration =
浏览 3提问于2014-09-19得票数 0
回答已采纳
2回答
我在课堂上做了一些实验，奇怪的是，在这种特殊情况下，setInterval只在我通过test.method1()时才被调用一次，如果我通过test.method1就会出错，为什么呢？
class Test {
constructor() {
this.counter = 0;
(async () => {
this.test();
}
)();
}
test() {
this.method1();
}
method1() {
let value;
value = this.method2();
浏览 3提问于2022-05-09得票数 0
回答已采纳
2回答
this.method与setInterval不起作用
javascript、setinterval
我有一个简单的代码：
var Modules = (function() {
'use strict';
return {
TIMER: function (){
var timer = null;
return {
time: 100,
init: function() {
this.counter();
浏览 2提问于2019-06-19得票数 4
回答已采纳
2回答
角不能通过数组读取未定义循环的属性
angular、typescript
我试着用4秒的间隔无限地迭代数组。它每4秒执行一次函数，但我在控制台中记录了以下内容：
wemadeit
未定义
错误TypeError:无法读取未定义属性的“未定义”
export class TechnologiesComponent implements OnInit {
public slideInState: String = 'in';
public test1Show: Boolean = true;
public test2Show: Boolean = false;
private counter: number =
浏览 0提问于2019-04-01得票数 1
回答已采纳
2回答
我无法瞄准我的闭包中正确的范围
javascript、function、closures
我的闭包中有一个setInterval，但我的I无法正确地锁定闭包中的变量。当计数器到达finishTime时，如何正确定位变量并停止间隔？
var counter = function() {
return {
myInterval: null,
counter: 0,
finishTime: 1000,
startTimer: function() {
this.myInterval = setInterval(this.repeat,10);
},
repeat: funct
浏览 4提问于2014-10-23得票数 0
回答已采纳
3回答
setInterval内部的闭包计数器
javascript、closures、setinterval
我有一个功能：
setInterval(function () {
var counter = 0;
(function() {
counter = counter + 1;
console.log(counter);
})(counter)
}, 1000)
为什么它不增加计数器？(相反，它记录了1)。如何使它成为对数上升数？(1，2，3，.)
浏览 2提问于2018-07-19得票数 2
回答已采纳
2回答
为什么会丢失闭包值？
javascript、closures
我偶然发现了以下问题：
function Parent(value) {
var callback = function() {
console.log(value);
//actually the following line was found in the code
var value; //<- hoisting, takes effect first
}
callback();
}
Parent(); //undefined
Parent('Wow!'); //undefine
浏览 3提问于2015-10-19得票数 0
回答已采纳
1回答
Javascript removeEventListener在类中不起作用
javascript、class、dom-events
我一直在尝试使用es6类，并尝试设置一个简单的鼠标类。
addEventListener可以工作，但由于某些原因，我无法用removeEventListener删除它们。我猜这与上下文绑定有关，但我不知道如何解决这个问题。
'use strict'
class Mouser {
constructor() {
this.counter = 0
this.clicked = function (event) {
this.counter++
console.log('clicks:&#
浏览 1提问于2015-11-23得票数 34
回答已采纳
3回答
子组件中的间隔父函数
javascript、reactjs、components、state、intervals
我试图在react中将父函数传递给子组件，并在子组件中设置一个时间间隔来调用父函数..i，这看起来很简单，但我是react的新手。在第一次间隔执行后，我得到这个错误"this.func不是一个函数“，下面是我的代码。
export default class Child extends React.Component{
func;
constructor(props) {
super();
this.func = props.func;
}
componentDidMount() {
setInterval
浏览 0提问于2020-09-24得票数 0
2回答
Node.js代码排序？？是否有可能在侦听器到位之前发出数据？
javascript、node.js
此代码来自专业Node.js构建基于Javascript的可扩展软件：
var spawn = require('child_process').spawn;
// Spawn the child with a node process executing the plus_one app
var child = spawn('node', ['06_plus_one.js']);
// Call this function every 1 second (1000 milliseconds):
setInterval(function()
浏览 4提问于2014-03-28得票数 0
回答已采纳
2回答
递归引用Node中的函数
node.js、express
我有下面的代码，在这里，我试图使用一个console.log递归地对计数器进行setTimeout。我正在编写两个版本，但每个版本都有错误。
在第一个例子中，我不知道为什么setTimeout不把this.timeTest看作一个函数。
第二，我理解this.timeTest超出了范围。有办法让它进入范围吗？
服务器
const express = require('express')
const app = express()
const port = 3000
const time = require('./timeoutFun.js')
time.tim
浏览 1提问于2018-12-06得票数 0
回答已采纳
3回答
如何从JavaScript中的子类调用父类的方法，以便访问父类的局部变量？
javascript、oop、inheritance、superclass
我在JavaScript中使用了一种方法来实现类继承(正如我正在修改的代码中所使用的那样)，但是我不知道如何将子类中方法的附加功能附加到相应父类方法已经具有的功能上；换句话说，我想用一个方法覆盖子类中的父类方法，除了它自己的子类特定的东西之外，父类的方法也做同样的事情。所以，我试图从孩子的方法中调用父方法，但这可能吗？
代码在这里：。请打开开发控制台查看输出。
代码也在这里：
function MakeAsSubclass (parent, child)
{
child.prototype = new parent; // No constructor arguments poss
浏览 2提问于2013-08-20得票数 2
1回答
this.connection的JavaScript作用域问题
javascript、scope
我有下面的JavaScript代码。在函数update中，this.connection解析为undefined而不是number。我做错了什么？
function Net()
{
this.connection = -1;
this.counter = 1;
this.timelastsend = -1;
setInterval( this.update, 3000);
}
Net.prototype.update = function()
{
if (this.connection > 0 && t
浏览 0提问于2011-02-07得票数 0
回答已采纳
1回答
类变量未定义的内部函数
typescript、function、settimeout、angular8
我只是试着学习角2+ (特别是8)，对于我的生活，我不明白为什么类变量在类函数中是“未定义的”，但是如果我用ES6风格编写函数，那么它是可访问的。
我尝试设置构造函数，但这是没有意义的。
export class GameControlComponent implements OnInit {
myVar;
counter = 0;
constructor() {} ngOnInit() {}
handleClickStart() {
this.myVar = setInterval(this.myFunc, 1500);
}
浏览 0提问于2019-07-02得票数 3
3回答
javascript对象的一些错误
javascript、javascript-objects
我开始讨厌javascript中的对象了。
每当我有错误并修复它时，就会出现一个新错误，依此类推。
请你看一下下面的代码，告诉我出了什么问题？
问题信息：
"this.Images是未定义的“以及更多的错误
HTML文件
<div id="SlideShow" >
<img id="img" src="images/img.jpg" alt="" /><span id="desc"></span>
</div>
<script typ
浏览 12提问于2012-06-23得票数 0
回答已采纳
2回答
导出VueJS ES5的默认问题
vue.js、ecmascript-5
我正在开发一个网站，部分在Vue使用ES5。
我需要从Vue Child组件中获取数据，然后发送回父组件，向我解释的方法是通过使用export default {}，但是我经常收到语法错误，我不确定为什么，因为从我看到的情况来看，我遵循了Mozillas建议。
我的问题组件：
var question = Vue.component('question', {
props: {
scenarios: Array,
scenario: Object,
post: Boolean
},
data: fu
浏览 0提问于2018-03-30得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
