个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试使下面的 html/javascript 程序正常工作。它基本上运行两个计数器，不起作用的功能是重置计数器选项。
“initCounter”方法使用给定的初始值初始化两个计数器。按“Incr 5”、“Incr 3”按钮将使值增加“5”或“3”。按重置按钮应将值重置为零，但目前尚未发生。
在“runCounter”方法中，我使用变量“localCxt”，它将具有计数器的当前值。
在“reset_fn”方法中，我将“localCxt”变量重置为零，但这不起作用，计数器值未重置为零。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript">
var reset_fn;
function runCounter(initVal) {
var localCxt = initVal;
reset_fn = function reset() {
localCxt = 0
}
return function (ctr) {
localCxt += ctr;
return (localCxt);
}
}
function initCounter() {
//get the initial value of the counter
var val = parseInt(startInput.value);
if (isNaN(val)){
val = 0
}
ctr5 = runCounter(val);
ctr3 = runCounter(val);
document.getElementById("ctr5").disabled = false;
document.getElementById("ctr3").disabled = false;
document.getElementById("rst").disabled = false;
document.getElementById("init").disabled = true;
}
function displayCtr(ctr_val){
var doc
if (ctr_val == 5) {
var val = ctr5(ctr_val)
doc = document.getElementById("res5");
}
if (ctr_val == 3) {
var val = ctr3(ctr_val)
doc = document.getElementById("res3");
}
doc.innerHTML = val;
}
function resetCnts() {
doc5 = document.getElementById("res5");
doc3 = document.getElementById("res3");
doc5.innerHTML = 0;
doc3.innerHTML = 0;
reset_fn();
document.getElementById("init").disabled = false;
}
function start(){
document.getElementById("ctr5").disabled = true;
document.getElementById("ctr3").disabled = true;
document.getElementById("rst").disabled = true;
}
</script>
</head>
<body onload="start()">
<input type="text" id="startInput" value="0">
<button id="init" onclick="initCounter()">Initilaize</button>
<button id="ctr5" onclick="displayCtr(5)">Incr 5</button>
<button id="ctr3" onclick="displayCtr(3)">Incr 3</button>
<button id="rst" onclick="resetCnts()">reset</button>
<div id="res5" class="cl5">_</div>
<div id="res3" class="cl3">_</div>
</body>
</html>
最佳答案
有一个全局的reset_fn，每次调用runCounter函数时都会被覆盖。
我可以建议您重新考虑您的设计吗？将有关对象的所有内容保留在对象内部，如下所示:
function Counter(value){
this.context=value;
this.reset = function() {this.context=0};
this.addVal = function(val) {this.context+=val};
}
然后创建var ctr5 = new Counter(5)并执行ctr5.reset()和ctr5.addVal(ctr_val)
您还可以将所有文档元素封装在同一个对象中。
更新:正如评论中所建议的，您可以使用其原型(prototype)向类添加方法:
function Counter(value){
this.context = value;
}
Counter.prototype = {
reset: function() {this.context = 0},
addVal: function(val) {this.context += val}
};
要点是，使用对象来解决这个问题。 Javascript 中有多种方法可以创建对象并向其添加属性和方法，您可以轻松通过 Google 搜索这些方法。
关于JavaScript : Use of closure variable，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39070884/
25
4
0
我在优化 JOIN 以使用复合索引时遇到问题。我的查询是: SELECT p1.id, p1.category_id, p1.tag_id, i.rating FROM products p1
我有一个简单的 SQL 查询，我正在尝试对其进行优化以删除“使用位置；使用临时；使用文件排序”。 这是表格: CREATE TABLE `special_offers` ( `so_id` int
我有一个具有以下结构的应用程序表 app_id VARCHAR(32) NOT NULL, dormant VARCHAR(6) NOT NULL, user_id INT(10) NOT NULL
此查询的正确索引是什么。 我尝试为此查询提供不同的索引组合，但它仍在使用临时文件、文件排序等。 总表数据 - 7,60,346 产品= '连衣裙' - 总行数 = 122 554 CREATE TAB
为什么额外的是“使用where;使用索引”而不是“使用索引”。 CREATE TABLE `pre_count` ( `count_id`
我有一个包含大量记录的数据库，当我使用以下 SQL 加载页面时，速度非常慢。 SELECT goal.title, max(updates.date_updated) as update_sort F
我想知道 Using index condition 和 Using where 之间的区别；使用索引。我认为这两种方法都使用索引来获取第一个结果记录集，并使用 WHERE 条件进行过滤。 Q1。有什
I am using TypeScript 5.2 version, I have following setup:我使用的是TypeScript 5.2版本，我有以下设置： { "
I am using TypeScript 5.2 version, I have following setup:我使用的是TypeScript 5.2版本，我有以下设置： { "
I am using TypeScript 5.2 version, I have following setup:我使用的是TypeScript 5.2版本，我有以下设置： { "
mysql Ver 14.14 Distrib 5.1.58，用于使用 readline 5.1 的 redhat-linux-gnu (x86_64) 我正在接手一个旧项目。我被要求加快速度。我通过
在过去 10 多年左右的时间里，我一直打开数据库 (mysql) 的连接并保持打开状态，直到应用程序关闭。所有查询都在连接上执行。 现在，当我在 Servicestack 网页上看到示例时，我总是看到
我使用 MySQL 为我的站点构建了一个自定义论坛。列表页面本质上是一个包含以下列的表格:主题、上次更新和# Replies。 数据库表有以下列: id name body date topic_id
在mysql中解释的额外字段中你可以得到: 使用索引 使用where;使用索引 两者有什么区别？ 为了更好地解释我的问题，我将使用下表: CREATE TABLE `test` ( `id` bi
我经常看到人们在其Haxe代码中使用关键字using。它似乎在import语句之后。 例如，我发现这是一个代码片段: import haxe.macro.Context; import haxe.ma
这个问题在这里已经有了答案: "reduce" or "apply" using logical functions in Clojure (2 个答案) 关闭 8 年前。 “and”似乎是一个宏，
这个问题在这里已经有了答案: "reduce" or "apply" using logical functions in Clojure (2 个答案) 关闭 8 年前。 “and”似乎是一个宏，
我正在考虑在我的应用程序中使用注册表模式来存储指向某些应用程序窗口和 Pane 的弱指针。应用程序的一般结构如下所示。 该应用程序有一个 MainFrame 顶层窗口，其中有几个子 Pane 。可以有
奇怪的是：。似乎a是b或多或少被定义为id(A)==id(B)。用这种方式制造错误很容易：。有些名字出人意料地出现在Else块中。解决方法很简单，我们应该使用ext==‘.mp3’，但是如果ext表面
我遇到了一个我似乎无法解决的 MySQL 问题。为了能够快速执行用于报告目的的 GROUP BY 查询，我已经将几个表非规范化为以下内容(该表由其他表上的触发器维护，我已经同意了与此): DROP T
我是一名优秀的程序员,十分优秀！