如果我们有

var randomname = {};
randomname.attribute = 'something';

function randomname(){
  alert(randomname.attribute);
}
randomname();

javascript 会抛出任何错误吗？

这是为什么？

难道javascript不能通过你调用的方式就知道你追求的是什么吗？

最佳答案

它应该给你一个 TypeError异常 - 试图调用一个对象 - 在 Firebug 的控制台中观察到的行为是不正确的......

FunctionDeclaration是 hoisted到其封闭范围的顶部，您的代码实际上按以下顺序执行:

// FunctionDeclaration is hoisted
function randomname(){
  alert(randomname.attribute);
}

// the var has no observable effect, because
// the randonmane identifier is already defined
randomname = {};
randomname.attribute = 'something';

randomname(); // TypeError, randomname is not callable.

进入执行上下文时，Variable Instantiation进程(在 ES5 中又名 Declaration Binding Instantiation)定义 Activation Object 上的属性(AO，这是一个不可访问的对象，它在局部范围内保存变量、函数声明和函数参数的标识符)，顺序如下:

1. FormalParameterList标识符(对于 Function Code )
2. FunctionDeclaration标识符
3. VariableDeclaration标识符

A VariableDeclaration不会覆盖已经在 AO 中定义的标识符(例如，通过前两个步骤之一)，但赋值将在运行时完成。

例如:

(function (foo) {
  var foo; // doesn't affect the existing `foo` identifier
  return typeof foo;
  function foo () {}
})('string'); // yields "function"

但如果进行了赋值，则标识符的值将被替换，例如:

(function (foo) {
  var foo = {};
  return typeof foo;
  function foo () {}
})('string'); // yields "object"!!

在上面的示例中，调用函数时，-但在代码执行之前- foo标识符在激活对象(又名变量对象)上设置。

首先它被赋值给形参，值'string' , 然后都是 FunctionDeclaration函数体上的 被检查，一个名为 foo 的函数找到了，那么foo标识符将指向该函数。

之后，检查所有变量声明，我们有一个标识符为 foo , 但此时尊重它的值(value)——记住函数还没有被执行——。

此时，函数已准备好执行，其词法和变量环境已设置。

函数中首先要执行的是赋值 foo = {}; ，它取代了我们之前对函数的引用。

为什么它在其他浏览器和 Firefox 上的行为不同？

因为:

1. Firebug 的控制台 wraps your code在评估之前。
2. Mozilla 实现定义了一个 Function Statement

由于 Firebug 通过包装在 with 中来评估代码声明，这会导致 FunctionDeclaration在 statement context -a Mozilla's Function Statement- 中进行评估。

要显示 Function 语句在 Mozilla 实现上的行为，请考虑以下示例:

if (true) {
  function foo () { return 'true!';}
} else {
  function foo () { return 'false??!';}
}

foo();

在 Mozilla 中你会得到 'true!' ，而在其他实现中你会得到 'false??!' - 甚至在 IE 上。

那是因为函数定义是在运行时在语句上下文中(在 if 的真实分支中)进行的，而在其他实现中，函数声明是在解析时.

上面的例子实际上应该产生一个 SyntaxError任何实现上的异常，但它们中的任何一个都不会发生......

A FunctionDeclaration应该只允许在全局代码中或直接在函数的 FunctionBody 中使用。

A lot of people可以互换使用函数声明和函数语句这两个术语，但这是完全错误的，ECMAScript 没有定义函数语句，是一个 non-standard feature .

规范有一个简短的note关于这个问题:

NOTE: Several widely used implementations of ECMAScript are known to support the use of FunctionDeclaration as a Statement. However there are significant and irreconcilable variations among the implementations in the semantics applied to such FunctionDeclarations. Because of these irreconcilable difference, the use of a FunctionDeclaration as a Statement results in code that is not reliably portable among implementations. It is recommended that ECMAScript implementations either disallow this usage of FunctionDeclaration or issue a warning when such a usage is encountered. Future editions of ECMAScript may define alternative portable means for declaring functions in a Statement context.

尝试在全局执行上下文中运行您的代码 - 在一个简单的 <script> 中element- 你会看到它在 Firefox 上也会崩溃:

<script type="text/javascript"> 
  var randomname = {};
  randomname.attribute = 'something';

  function randomname(){
    alert(randomname.attribute);
  }
  randomname();
</script>

你可以找到上面的例子here , 请确保打开 Firebug 的控制台，您将看到与在其他浏览器上相同的错误。

关于javascript - 对象名称与函数名称相同？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3663775/