代码之家 › 专栏 › 技术社区 › 31113

增量更改每个函数作为变量运行

closures variables function javascript

31113 · 技术社区 · 6 年前

我找到了简单的解决方案 here 使用 closure 从 @Xotic750

但是,是否可以在不使用圆括号的情况下运行函数? 例如。 :

var increment = new Increment()

console.log('value: ' + increment) // value: 1
console.log('value: ' + increment) // value: 2
console.log('value: ' + increment) // value: 3

每次函数运行我都得到了功能作为 [object Object] 在里面 console.log 而不是 value :

    var Increment = (function(n) {
      return function() {
        n += 1;
        return n;
      }
    }(0)); 

    var increment = new Increment();

    console.log('value: ' + increment) // value: [object Object]
    console.log('value: ' + increment) // value: [object Object]
    console.log('value: ' + increment) // value: [object Object]

3 回复 | 直到 6 年前

trincot Jakube 6 年前

当你打印 increment 实例,有一个 toString 转换正在发生。您可以使用它来执行增量:

var Increment = (function(n) {
  var f = function() {}; // Only serves as constructor
  f.prototype.toString = function() {
    n += 1;
    return n;
  }
  return f
}(0)); 

var increment = new Increment();

console.log('value: ' + increment) // value: 1
console.log('value: ' + increment) // value: 2
console.log('value: ' + increment) // value: 3

注意,这个柜台有点全球化。如果要将计数器分开,并为每个实例从0重新启动,请使用 this :

var Increment = (function(n) {
  var f = function() {
      this.n = 0;
  };
  f.prototype.toString = function() {
    this.n += 1;
    return this.n;
  }
  return f
}(0)); 

var increment = new Increment();

console.log('value: ' + increment) // value: 1
console.log('value: ' + increment) // value: 2
console.log('value: ' + increment) // value: 3

increment = new Increment();

console.log('value: ' + increment) // value: 1
console.log('value: ' + increment) // value: 2
console.log('value: ' + increment) // value: 3

Ben 6 年前

您正在创建函数的对象 Increment 通过使用 new 关键字。在您的情况下,您只需调用 增量 功能如下:

console.log('value: ' + Increment());
console.log('value: ' + Increment());
console.log('value: ' + Increment());

在上查看此链接 Closures 关于它们如何工作的更详细的解释。

Titus 6 年前

可以不带圆括号运行函数吗

是的,您可以使用 getter ,下面是一个示例:

class Cls {
   constructor() {
      this.value = 0;
   }
   get increment() {
      return this.value++
   }
}

const cls = new Cls()

console.log('value: ' + cls.increment)
console.log('value: ' + cls.increment)
console.log('value: ' + cls.increment)

推荐文章

Daniel · 钩子中的状态跟踪和道具-React如何保持(跟踪)钩子中的状态和道具?

2 年前

Abhijit Sarkar · 如何修复“闭包可能比当前函数更有效”

2 年前

netshark1000 · 使用successHandler调用其他函数的Swift函数

6 年前

Houman · 如果未调用闭包,如何使XCTest失败?

6 年前

Brandon · 为什么setTimeout延迟0仍然在for循环中的所有其他同步代码之后运行?[副本]

6 年前

Kapil_A · 如何将swift中使用的闭包写入目标c?

6 年前

Xendar · Jenkins管道模拟Groovy

6 年前

Jay Jeong · javascript范围和有关“this”的所有内容

6 年前

mightguy · 在groovy中,是否可以使用命名变量在闭包中打印命名组?

6 年前

Ibrahim Mohammed · 函数不考虑闭包

6 年前