调用本机Javascript类型的方法而不用()包装

Question

在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

但它是关于数字和函数的SyntaxError.

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.

该语法告诉你,第一个点后的小数位数是可选的:

DecimalLiteral ::
DecimalIntegerLiteral . DecimalDigitsopt ExponentPartopt 

_{*注意opt后缀}

现在,对于该函数,问题是它正在语句上下文中进行评估.

创建函数对象有两种有效的语法方法(创建函数的第三种方法是使用Function构造函数,但是现在它不属于主题).

FunctionDeclaration:

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

功能表达:

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

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

甲函数声明当发生function关键字被直接发现全局代码或在FunctionBody一个函数的.

甲函数表达式发生则function关键字上的发现表达上下文,如在上面的例子中,第二函数是的一个部分AssignmentExpression.

但实际上你有两个问题,首先,a的名称FunctionDeclaration是强制性的.

其次,当FunctionDeclaration评估语句时,点将简单地导致a,SyntaxError因为不期望点.

在括号之间包装函数(正式称为分组运算符)使得函数在表达式上下文(函数表达式)中进行计算.

例如,以下内容有效:

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

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

您还应该知道,FunctionDeclarations在"解析时"(更准确地说,当控件通过变量实例化过程进入执行上下文时)进行评估,并且标识符(函数名称)可用于整个当前范围,例:

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

推荐文章:

• 命名函数表达式揭秘