如何在javascript中检测无效属性的使用？

Question

我正在学习Javascript，我编写了以下代码：

if (mystring.len > 0) {
    // do stuff
}

我不小心使用.len而不是.length 。 令我惊讶的是，没有出现任何错误。 mystring.len返回undefined ，这使得比较失败，但代码保持正常运行。 我宁愿提出一个实际的错误，所以我可以修复代码。 添加“use strict”没有帮助，jslint也没有帮助。

我知道有办法积极检查一个属性是否存在，但这不是我想要的。 我希望Javascript告诉我什么时候我在一个属性名称中输入了一个拼写错误。

有没有办法导致Javascript在这种情况下给出错误？

Answer 1

不 - 这就是JavaScript的工作方式，它非常有用。 谁会说检查len是需要修复的东西？ 考虑：

if(mystring.len === undefined) {
   mystring.len = "Test";
}

您可以做的最好的事情是在使用它之前简单地检查该事物是否已定义：

if(mystring.len !== undefined) {
}

我很欣赏这种陌生感，以及它是如何感觉不健全的（最初来自C＃背景），但不幸的是你没有很多东西可以做。 JavaScript区分大小写的事实使得这更令人沮丧。 你会学会和它一起生活！

如果你真的真的想要运行一些静态分析，那么你可以考虑创建一个转换器（例如Babel）扩展来运行这种分析 - 但是如果你曾经期望某些东西是undefined ，那么我会觉得这很常见。

编辑

这是一个真实的例子，我将使用undefined非常有用。 我正在使用一个需要将东西从一个位置移动到另一个位置的库。 除非已经指定了原始位置，否则它不能这样做，因此我可能会编写如下内容，如果由于某些原因我没有它们，则初始化值：

function update(node) {
   if(node.x === undefined) { node.x = 0; }    
   node.y = node.y || 0; // This is the shorthand way I'd actually write it

   // Do some other stuff
};

Answer 2

使用“use strict”（根据我的经验），以便未被显式声明/实例化的变量然后被引用将抛出错误（否则，JS将动态地创建一个新的var）。 所以这在这里没有用。

这听起来像是一个错误，通常由其他语言的编译器拾取，但由于JS被解释，除非你在一个强大的IDE中，否则你不会有那种显式的错误检查。 你使用文本编辑器还是写JS的东西？

Answer 3

这不是JavaScript认为您的上述代码的方式。 JS中的每个变量都是一个对象。 所以，当你执行mystring.len ，它实际上试图访问mystring obj的len属性，当它找不到该属性时，它将返回undefined - 这应该是怎么回事。 这就是为什么你不能使用JSLint找到任何错误。

只是举个例子 -

var myObj = {name: 'Hello', id: 1};
console.log(myObj.name);   // Returns 'Hello'
console.log(myObj.text);   // 'undefined'

为了防止此类代码给您任何错误，您可以轻松使用hasOwnProperty（）方法，如下所示 -

if(myObj.hasOwnProperty('text')) doSomething();

由于myObj没有任何属性text ，因此永远不会调用doSomething()函数。

Answer 4

这是许多/所有答案中提到的JavaScript的行为。 但是，可以选择阻止您尝试的新属性：

Object.seal https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/seal

Answer 5

简单的答案是JavaScript不是类型安全的......你不应该检查它，但如果你仍然想检查你可以通过以下方式来做：

if ('len' in mystring){
}

如果你问这个问题，你应该看看Typescript ......