Javascript局部静态变量

Posted 2023-02-21

【中文标题】Javascript局部静态变量

【英文标题】：Javascript local static variable

【发布时间】：2018-08-02 01:03:35

【问题描述】：

不确定我是否完全理解我在此处找到的类似问题的答案，因此请务必确定：

我想在函数中有一个局部变量，只初始化一次（类似于 C、C++ 等强类型语言中的静态变量）。

当然，我可以全局声明它，但将它放在该函数的范围内似乎更好，因为它不会在其他任何地方使用。

现在，这就是我要做的：

function func(data) 
    func.PARAMS = [
        "name": "from", "size": 160, "indexed": true,
        "name": "input", "size": 256, "indexed": false,
        "name": "output", "size": 256, "indexed": false,
    ];
    ...

我的问题是，func.PARAMS 确实会被初始化一次，还是会在每次调用函数时都被初始化？

根据我找到的一些答案（例如this one），我需要在初始化之前添加如下内容：

if (typeof func.PARAMS == 'undefined')

当然，这种“补充”在强类型语言中是无关紧要的，所以我只想确定它是绝对必要的，以确保“静态行为”（即一次性初始化）。

【问题讨论】：

是的，如果不检查typeof func.PARAMS == 'undefined'，根据func，每次调用funct时都会设置PARAMS。

【参考方案1】：

除了使用函数对象的属性（如您在示例中所做的那样）之外，还有 3 种其他方法可以在 javascript 中模拟函数局部静态变量。

它们都依赖于闭包，但使用不同的语法。

方法一（旧浏览器支持）：

var someFunc1 = (function()
    var staticVar = 0 ;
    return function()
        alert(++staticVar) ;
    
)() ;

someFunc1() ; //prints 1
someFunc1() ; //prints 2
someFunc1() ; //prints 3

方法2（旧浏览器也支持）：

var someFunc2 ;
with(staticVar:0)
    var someFunc2 = function()
        alert(++staticVar) ;
     ;

someFunc2() ; //prints 1
someFunc2() ; //prints 2
someFunc2() ; //prints 3

方法 3（需要支持 EcmaScript 2015）：

    let staticVar = 0 ;
    function someFunc3()
        alert(++staticVar) ;
    


someFunc3() ; //prints 1
someFunc3() ; //prints 2
someFunc3() ; //prints 3

strict mode 的方法 3：

'use strict'

    let staticVar = 0 ;
    var someFunc3 = function()
        alert(++staticVar) ;
     ;


someFunc3() ; //prints 1
someFunc3() ; //prints 2
someFunc3() ; //prints 3

【讨论】：

我尝试了方法 3 并且（如预期的那样）得到 someFunc3() is undefined...

@PeteLomax，您可能正在使用严格模式。查看答案更新。

我的错误，已删除

【参考方案2】：

JavaScript 可能看起来与 C++ 相似，但实际上却大不相同。最初，它是为浏览器中的简单任务而设计的。为了模仿 JS 程序员中类似 C++ 的功能，需要创建复杂的结构。例如，在 ES6 中现在有类，但实际上，它们只是依赖于原型继承的构造函数的语法糖。在 ES6 中，您现在可能需要检查静态方法。

我想在你的情况下，最好使用更像 C# 并且是 JavaScript 超集的 TypeScript。

【参考方案3】：

虽然 Javascript 本身没有静态变量的概念，但很容易模拟它们。对象的一种模式是使用闭包（通过自调用函数）。

const MyClass = ( function() 

    // Static variables are in the scope of the self-invoking function

    const _myStaticVariable = 'this is a static variable';
      let _instances = 0; // this is also a class variable

    // The constructor function is returned to MyClass, but still has the static variables in scope

    return function() 

        _instances++;

        this.sayStaticVariable = function()
            console.log(_myStaticVariable);
        

        this.howMany = function()
            console.log(_instances);
        
    

)();

myInstance = new MyClass();

myInstance.sayStaticVariable();
// this is a static variable

myInstance.howMany();
// 1

在这种情况下，_myStaticVariable 和 _instances 只会被初始化一次，但仍会在返回给 MyClass 的构造函数的范围内（并可访问）。

您似乎在询问函数上下文中的静态变量而不是对象，您可能可以使用函数组合来适应这种模式

【参考方案4】：

每次调用函数时都会分配它。 JavaScript 中没有 static 变量。您需要在函数之外声明它们。不过，您可以在本地范围内执行此操作：

var func;

    const PARAMS = [
        "name": "from", "size": 160, "indexed": true,
        "name": "input", "size": 256, "indexed": false,
        "name": "output", "size": 256, "indexed": false,
    ];
    func = function(data) 
        …