一个京东前端面试题

[yasumoto]

var a = 1;
(function a(){
a = 2;
console.log(a)})()

问最后打印的结果

[Floyder]

函数提升？ https://javascript.ruanyifeng.com/grammar/function.html#toc5

[rodjl]

有大佬说一下吗？这个 a=2 作用到哪里去了

[Flobit]

我还以为问 你觉得你能当东哥的兄弟吗？ 😂

[rabbbit]

打印结果是 a 函数
---
比如，当访问函数内的 foo 变量时，JavaScript 会按照下面顺序查找：
当前作用域内是否有 var foo 的定义。
函数形式参数是否有使用 foo 名称的。
函数自身是否叫做 foo。
回溯到上一级作用域，然后从 #1 重新开始。
---
摘自 js 秘密花园

[rabbbit]

var a = 1;
(function a(){
..'use strict'
..a = 2;
..console.log(a)}
)()
TypeError: Assignment to constant variable.

[JenJieJu]

等价于：a1 和 a 代表不同指向；
window.a = undefined;
var a1 = 1;
window.a = function (){ a1 = 2; console.log(a) }

[jishu541464750]

@rabbbit #4
@JenJieJu #6
为什么在同一个作用域下（立即执行函数体内）
赋值的 a （ a = 2 ）和 console.log 的 a 的值不一样？

[rabbbit]

a = 2 和 console.log(a)是同一个 a.
只不过 a = 2 没有生效,我也不明白为什么非严格模式下(a = 2)不会报错.
改成严格模式的话 a = 2 会报错 TypeError: Assignment to constant variable.

[ayase252]

https://developer.mozilla.org/en-US/docs/web/JavaScript/Reference/Operators/function

看 named function expresssion 那一节。把其他值赋值给 name 也改变不了 name

[guyujiezi]

function a(){a = 2;console.log(a)}
a()

又是另一番景象

[JenJieJu]

@jishu541464750 函数里面 a = 2 的 a 指向 外部 var 的 a,console.log 的 a 指向 windows 的 a ；

[maichael]

```
var a = 1;
var b;
(function a(){
a = 2;
b=a;
console.log(a)})();
console.log(b)
```

[HuHui]

这种题除了让你知道 js 很烂，还有什么用

[Vegetable]

兄弟不会出这种题目为难兄弟.

[Jossss]

@HuHui 还有面试的时候有用

[troywith77]

a 函数内部的 a 指向函数本身，a=2 不生效，所以打印 a 本身

[plqws]

神烦这种莫名其妙的傻屌面试题，能写出这种代码的弱智能开除一个是一个，越是小公司越是喜欢搞这种幺蛾子

[SakuraKuma]

因为 function 的 Identifier 是 CreateImmutableBinding 出来的。
最上面的 var a=1;就是个混淆视听。

[rabbbit]

找到为什么不能修改 a 了

看 es5 文档
https://www.w3.org/html/ig/zh/wiki/ES5/%E5%87%BD%E6%95%B0%E5%AE%9A%E4%B9%89#FunctionExpression

```
产生式 FunctionExpression : function Identifier ( FormalParameterListopt ) { FunctionBody } 的解释执行如下：

1 令 funcEnv 为以运行中执行环境的 LexicalEnvironment 为参数调用 NewDeclarativeEnvironment 的结果。
2 令 envRec 为 funcEnv 的环境记录项。
3 以 Identifier 的字符串值为参数调用 envRec 的具体方法 CreateImmutableBinding(N)。// 注意这里,创建了一个不可变绑定

```

[zbinlin]

出这道题的就一 BT

https://tc39.github.io/ecma262/#sec-function-definitions-runtime-semantics-evaluation

[iMusic]

(function a () {})

这是个函数表达式，这个 a 就是函数名称，它的特点是作为函数体（作用域内）的本地变量，不能被修改，也不能被外部访问。

[zaul]

花里胡哨，捉起来霸死

[jin5354]

还真是知识盲点
具名函数表达式中函数 name 是不可被修改的，函数声明中函数 name 是可被修改的
花里胡哨，下次我还忘

[1KN6sAqR0a57no6s]

```js
function a() {
console.log(a); // [Function: a]
a = 100;
console.log(a); // 100
}
a();
console.log(a); // 100



function b() {
"use strict";
console.log(b); // [Function: b]
b = 100;
console.log(b); // 100
}
b();
console.log(b); // 100


(function c() {
console.log(c); // [Function: c]
c = 100;
console.log(c); // [Function: c]
})();
console.log(c); // ReferenceError: c is not defined


"use strict";
(function d() {
console.log(d); // TypeError: Assignment to constant variable.
d = 100;
console.log(d);
})();
console.log(d); // ReferenceError: d is not defined
```

[1KN6sAqR0a57no6s]

```js
var a = 100;
var b = 999;

(function a() {
console.log(b); // 999 根据词法环境规则，可以拿到外层的 b 的值

b = 888; // 也可以修改外层的 b 的值

a = 200; // 非严格模式 && IIFE, 此时 a 的值无法被修改， 静默失败

console.log(a); // [Function: a]

})(); //并没有在全局环境声明函数 a，而是用表达式产生一段程序，立即执行

console.log(a); // 100
console.log(b); // 888
```

[rabbbit]

更正,我 4 楼的内容是有错的,可能会造成误解.
https://aaron-bird.github.io/2019/04/18/%E5%87%BD%E6%95%B0%E5%A3%B0%E6%98%8E%E4%B8%8E%E5%87%BD%E6%95%B0%E8%A1%A8%E8%BE%BE%E5%BC%8F/

[hahahasnoopy]

刚学 js 的时候出这种题我觉得哇，好厉害，好神奇；现在只让我觉得 js 是个垃圾语言，每天在语言坑里面打转~