3

在 Javascript 中，我们可以直接在字符串文字上调用方法，而无需将其括在圆括号中。但不适用于其他类型，例如数字或函​​数。这是一个语法错误，但是否有理由说明为什么 Javascript 词法分析器需要将这些其他类型括在圆括号中？

例如，如果我们使用 alert 方法扩展 Number、String 和 Function 并尝试在字面量上调用此方法，则它对于 Number 和 Function 是 SyntaxError，而它适用于 String。

function alertValue() {
    alert(this);
}

Number.prototype.alert = alertValue;
String.prototype.alert = alertValue;
Function.prototype.alert = alertValue;

我们可以直接在字符串对象上调用 alert：

"someStringLiteral".alert() // alerts someStringLiteral

但这是数字和函数的语法错误。

7.alert();
function() {}.alert();

要使用这些类型，我们必须将其括在括号中：

(7).alert(); // alerts "7"
(function() {}).alert(); // alerts "function() {}"

更新：

@Crescent 的链接和@Dav 和@Timothy 的回答解释了为什么7.alert()失败，因为它正在寻找一个数字常量，并且要通过它，插入额外的空格或额外的点。

7 .alert()
7..alert()
7. .alert();

为什么在对函数调用方法之前需要将函数括在括号中，是否存在类似的语法原因？

我不太熟悉解释器和词法分析器，不知道这是否是一个可以通过某种前瞻来解决的问题，因为 Ruby 是一种动态语言并且可以解决这个问题。例如：-

7.times { |i| print i }

更新 2：

@CMS 的答案在理解为什么上面的函数不起作用。以下陈述有效：

// comma operator forces evaluation of the function
// alerts "function() {}"
<any literal>, function() {}.alert();​​​​​​​

// all examples below are forced to be evaluated as an assignment expression
var a = function() {}.alert(); 

var b = {
    x: function() { return "property value" }.alert()
}

[ function() { return "array element" }.alert() ];​
4

5 回答 5

6

从Number字面上看，所有其他答案都为您指明了正确的方向，7.是有效的DecimalLiteral.

语法告诉您第一个点之后的十进制数字是可选的：

DecimalLiteral ::
DecimalIntegerLiteral . DecimalDigitsopt ExponentPartopt

* 注意 opt 后缀

现在，对于该函数，问题在于它正在语句 context中进行评估。

创建函数对象有两种有效的语法方法（第三种创建函数的方法是使用Function构造函数，但目前不在主题范围内）。

功能声明：

function name(/*[param] [, param] [..., param]*/) {
   // statements
}

函数表达式：

var foo = function /*nameopt*/(/*[param] [, param] [..., param]*/) {
  // statements
};

语法几乎相同，不同之处在于function关键字出现的位置。

当关键字直接在全局代码或函数中找到时，就会发生函数声明。functionFunctionBody

出现一个函数表达式，然后在表达式function上下文中找到关键字，就像在上面的示例中一样，第二个函数是.AssignmentExpression

但是你实际上有两个问题，第一，a 的名称FunctionDeclaration是强制性的。

其次，当FunctionDeclaration评估语句时，点只会导致 a SyntaxError，因为点不是预期的。

将函数括在括号之间（正式称为分组运算符）使函数在表达式上下文中进行评估，即函数表达式。

例如，以下是有效的：

0,function () {}.alert();

上面的工作是因为逗号运算符计算表达式。

您还应该知道，FunctionDeclarations在“解析时”（更准确地说，当控件进入Execution Context时，由变量实例化过程）进行评估，并且标识符（函数名称）可用于整个当前范围，例如例子：

foo(); // alerts "foo", function made available at 'parse time'
foo = function () { alert('bar') }; // override with a FunctionExpression
function foo () { alert('foo'); } // FunctionDeclaration
foo(); // alerts "bar", the overriden function

推荐文章：

于 2010-04-28T04:17:13.883 回答
3

提示：7.是一个有效的数值常数。

于 2010-04-28T03:24:48.373 回答
1

当词法分析器看到一个数字紧跟一个句点时，它会期望一个十进制值。尽管您可以“有创意”并在数字之间放置一个空格，例如 7 .alert() 但是当人们在维护您的代码时遇到困难时，他们可能会追捕您！

于 2010-04-28T03:26:01.203 回答
0

我更喜欢使用括号来消除歧义：

(7).alert();
于 2010-04-28T05:18:24.823 回答
0

在数字期望的地方使用小数点，点运算符将按照对象的期望工作。

7.0.toFixed(0)

于 2010-04-28T04:06:58.667 回答