javascript - 在不使用 () 包装的情况下调用 native Javascript 类型的方法

Question

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

例如，如果我们使用警报方法扩展 Number、String 和 Function，并尝试在文字上调用此方法，则 Number 和 Function 会出现 SyntaxError，而它适用于 String。

function alertValue() {
    alert(this);
}

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

我们可以直接在字符串对象上调用警报:

"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() ];​

Answer 1

对于 Number 文字，所有其他答案都为您指明了正确的方向，7. 是一个有效的 DecimalLiteral。

grammar告诉您第一个点后的小数位是可选的:

DecimalLiteral ::
DecimalIntegerLiteral . DecimalDigitsopt ExponentPartopt 

_{* 注意opt后缀}

现在，对于该函数，问题在于它正在语句上下文中进行计算。

创建函数对象有两种有效的语法方式(创建函数的第三种方式是使用 Function constructor ，但现在不在主题范围内)。

函数声明:

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

函数表达式:

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

语法几乎相同，区别在于 function 关键字出现的位置。

A function declaration当直接在全局代码或函数的 FunctionBody 中找到 function 关键字时发生。

A function expression然后在 expression 上下文中找到 function 关键字，如上例所示，第二个函数是 AssignmentExpression 的一部分。

但实际上您有两个问题，首先，FunctionDeclaration 的名称是强制性的。

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

将函数括在括号中(正式名称为 The Grouping Operator )使得函数在表达式上下文 中被计算，即 function expression .

例如，以下是有效的:

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

上面的工作是因为 comma operator计算表达式。

您还应该知道 FunctionDeclarations 是在“解析时间”(更准确地说，当控件进入 Execution Context 时，由 Variable Instantiation 进程)计算的，标识符 (函数名称)对整个当前范围可用，例如:

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

推荐文章:

• Named function expressions demystified