为什么可以从控制台 .log 访问 JavaScript 私有方法

Why is JavaScript private method accessible from console.log

提问人:Uchenna Ajah 提问时间:3/25/2023 最后编辑:BergiUchenna Ajah 更新时间:6/4/2023 访问量:517

问:

我写了一个简单的代码:

const secure = new class {
    #privateProperty = 4;
    #privateMethod() {
        console.log( 'The property ' + this.#privateProperty + ' should not be accessible outside this class' );
    }
}

如果它紧跟以下语法

secure.#privateMethod();

我收到一个错误,上面写着Uncaught SyntaxError: Private field '#privateMethod' must be declared in an enclosing class

但是,如果我不立即调用然后转到开发人员工具 - 控制台并在那里编写语法,它会输出:secure.#privateMethod()

The property 4 should not be accessible outside this class

发生这种情况有什么特殊原因吗?

JavaScript google-chrome-devtools 成员 私有 方法

评论

0赞 Muhammad Ovi 3/25/2023
这是因为您正在访问类中的私有方法
0赞 katniss 3/25/2023
您正在使用哪些开发人员工具?Chrome 开发工具?VSCode 调试器?
0赞 Uchenna Ajah 3/25/2023
我正在使用 Chrome 开发工具。
1赞 Uchenna Ajah 3/25/2023
@Bergi - 我相信调试器不应该调用私有方法,因为 (1):它是,在它的类之外访问它违背了它的隐私目的。(2):私有方法大多数时候用于运行开发人员不希望其他人访问的代码,可能是为了避免显示某些(非敏感)信息,但调试器会显示它。还有很多原因,但这个评论部分允许有限的字符输入......private
1赞 Bergi 3/25/2023
它是一个调试器。它可以对你的代码做任何它想做的事情——重写它,跳过它,让它公开。当然,它将显示私有字段,否则开发人员应该如何调试它们?

答:

3赞 Bergi 3/25/2023 #1

这是一个功能,而不是一个错误!Chrome 111 开发工具中的新功能

为了更好地促进调试,DevTools 现在支持使用私有类成员计算表达式。(1381806)

这在开发具有私有字段的类时非常有用。您不再需要在类方法中放置断点即可运行访问(获取、设置、调用)私有字段的代码。