js一些题目-this指向和变量提升
console.log在不同的地方也会导致不同
var a = 1;
function b() {
a = 10;
return;
function a() {}
}
b();
console.log(a);
2018年4月18日更新：
第一题：
var a=3 var b=function(){ alert(a) var a = 4 alert(a) } b()
第二题：
var a=3 var b={ a:4, getA:function(){ this.a=5 return function(){return this.a} } } b.getA()()
第三题：
第二题中如何得5？
（答案在最下面）
再看一个类似的：看不太懂二者之间的区别 a和foo.bar.baz()
var x = 0; var foo = { x:1, bar:{ x:2, baz: function () { console.log(this.x) } } } var a = foo.bar.baz foo.bar.baz() // 2 a() //0
假期在家，看到的，昨天看了下；
原文链接：http://wwwcqamin.duapp.com/?p=102#comment-7
请说出下面程序的输出结果
第一题：
|
1
2
3
4
5
6
7
8
9
10
|
function funny(a) { console.log(a); var a = 10; arguments[0] = 20; return a; function a() { return 1; }}console.log(funny(8)); |
step1：
function funny(a) { console.log("1: " + a); var a = 10; } console.log(funny(8));
跟我想的恰恰相反……
step2：
func的arg，在func里面又被定义为变量，返回；在被定义为func会有哪些影响呢？
根据例子来看，return后function还是有效的
step3：
假如这样的话，又会如何呢？
function funny(a) { console.log("1 : " + a); var a = 10; arguments[0] = 20; return a; function a() { a = 100; } } console.log(funny(8));
第二题：
|
1
2
3
4
5
6
7
8
|
function joke(s) { return s; s = 2; var s = function() { return s; }}console.log(joke("are you kinding?")); |
第三题：
|
1
2
3
4
5
6
7
8
|
function joke(s) { return s; s = 2; function s() { return s; }}console.log(joke("are you kinding?")); |
二三的差别就是一个是函数，一个是函数式的变量，但是为什么会产生这两种结果呢？
第四题：
|
1
2
3
4
5
6
7
8
9
10
11
12
|
function s() { return 1;}var a = (function(s){ var s; return s; function s() { return 3; } s = 2;})();console.log(a); |
第五题：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
function s() { return 1;}var a = (function(s){ return s; function s() { return 3; } s = function() { return 4; }; s = 5;})(function() {return 0;});console.log(a); |
step1：函数式和函数放在一起，先执行哪个呢？
function s() { return 1; } var a = (function(s){ return s; function s() { return 3; } s = function() { return 4; }; s = 5; })(); console.log(a);
step2：return在上面的时候，无论两个如何放置都先执行s()
return 在下面的时候，无论两个如何放置都先执行var s = func()
这是为什么呢？
var a = (function(){ return s; s = function() { return 4333; }; function s() { return 3; } })(); console.log(a);
var a = (function(){ s = function() { return 4333; }; function s() { return 3; } return s; })(); console.log(a);
第六题：
|
1
2
3
4
5
|
var i = 0;for(var j=0;j<10;j++) { i = i++;}console.log(i); |
第七题：
|
1
2
3
4
5
6
7
8
9
|
var a = {"x": 1};var b = a;a.x = 2;console.log(b.x);a = {"x":3};console.log(b.x);a.x = 4;console.log(b.x); |
第八题：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
function haha() { return true;}function hehe() { if(!haha() && [] == ![]) { return "^_^"; } function haha() { return false; } return "T_T";}console.log(hehe()); |
第九题：
|
1
2
3
|
var a = function(t) { return t; }(1 + 2).toString();console.log(a); |
第十题：
|
1
2
3
4
5
6
7
8
9
|
function f(a){ console.log(a); console.log(arguments[0]); var a = 10; console.log(a); return a; function a(){};}f(1); |
第十一题：
|
1
2
3
4
5
6
|
console.log(Function instanceof Object);var arr = [];console.log(arr.constructor === Array.prototype.constructor);var num1 = new Object(1);var num2 = new Number(2);console.log(num1.constructor === num2.constructor); |
第十二题： (菜锅友情赞助)
|
1
2
3
4
5
6
|
var a = function b() { console.log(b); console.log(a); return b;}();console.log(b); |
1.func a ； 20
function(){}虽然在return之后，但是这样函数声明被提前了
2.are you kinding?
return 后面不执行
3.function s()…
同1
4.function s()…
同1
5.function s() {
return 3;
}
猜错了，以为是return 0 原来 return 3 还在参数后面执行
6. 0
考眼力啊
7.2,2,2
object是指向而非复制
8.^_^
[] == ![],[]建立新的数组，所以是true。假如是{} != {} 就是报错了，实在不知道为什么
9.著名的括号问题啊，头一次听说，真汗颜 ，见知乎
10.func func 10
11.ture ture ture
一切皆是obj；
12.func(){…};undefined;报错
最后一个是因为 b 在 a 里面，全局里面没有
博主回复：
这些题主要是声明提前的陷阱题，还有几个是比较经典的陷阱题，只是被我稍微修改了下。[] == ![],其实是这样的：![]会转换为false，在等号关系式中，由于两边类型不相同且有一边是Boolean型变量，则转换成数字比较，false-》0 ，[]-》0, 故 [] == ![]
b.getA().call(b)
