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

时间:2010-04-28 03:14:35

标签: javascript syntax methods lexer

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

5 个答案:

答案 0 :(得分:6)

对于Number字面值,所有其他答案都指向了正确的方向,7.是有效的DecimalLiteral

grammar告诉您第一个点后的十进制数字是可选的:

DecimalLiteral ::
DecimalIntegerLiteral . DecimalDigitsopt ExponentPartopt 

*请注意opt后缀

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

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

FunctionDeclaration:

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

功能表达:

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

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

直接在全局代码或函数的function中找到FunctionBody关键字时,会出现function declaration

发生function 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

推荐文章:

答案 1 :(得分:3)

提示:7.是一个有效的数字常数。

答案 2 :(得分:1)

当词法分析器看到一个数字立即进行一段时间时,它期待一个十进制值。虽然你可以获得“创造性”并在数字之间加一个空格,就像在7 .alert()中一样,但是人们可能会因为维护代码而陷入困境中寻找它!

答案 3 :(得分:0)

使用数字所需的小数点,点运算符将按对象的要求运行。

7.0.toFixed(0)

答案 4 :(得分:0)

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

(7).alert();