每日3题
1 以下代码执行后，控制台中的输入内容为？
// 以下代码执行后，控制台中输入的内容是什么var fullname = "a";var obj = { fullname: "b", prop: { fullname: "c", getFullname: function () { return this.fullname; }, },};console.log(obj.prop.getFullname());var test = obj.prop.getFullname;console.log(test());
2 以下代码执行后，控制台中的输入内容为？
// 以下代码执行后，控制台中输入的内容是什么function Foo() { Foo.a = function () { console.log(1); }; this.a = function () { console.log(2); };}Foo.prototype.a = function () { console.log(3);};Foo.a = function () { console.log(4);};Foo.a();let obj = new Foo();obj.a();Foo.a();
3 以下代码执行后，控制台中的输入内容为？
// 以下代码执行后，控制台中输入的内容是什么function getName() { for (let i = 0; i < 5; i++) { setTimeout((_) => { console.log(i); }, i * 1000); } return { name: "aaa"; }}console.log(getName());
答案及解析
1
// 答案：c a// 考查 this 绑定规定var fullname = "a";var obj = { fullname: "b", prop: { fullname: "c", getFullname: function () { return this.fullname; // 一般函数中的 this 在其运行时能力确定 }, },};console.log(obj.prop.getFullname()); // 隐式绑定：调用地位有上下文对象：prop，this指向它，因而输入 cvar test = obj.prop.getFullname;console.log(test()); // 默认绑定：独立函数调用，this 指向全局对象，即 window// 而在浏览器中，var 申明的全局变量会成为全局对象的属性// 所以 test() 执行后返回 window.fullname=a
2
// 答案：4 2 1// 考查：原型链、new 创建对象的过程、函数自身也是对象function Foo() { Foo.a = function () { console.log(1); }; this.a = function () { console.log(2); }; // new 创建对象时让新创建的对象作为 this 的上下文 // 所以这里的 this 指向上面创立的 obj // 即在 obj 上增加了属性 a}Foo.prototype.a = function () { console.log(3);};// 在对象 Foo 上增加属性 a：指向一个一般函数Foo.a = function () { console.log(4);};Foo.a(); // 调用下面那个一般函数，输入 4let obj = new Foo();obj.a(); // 在构造函数中增加了属性 a，调用后输入 2Foo.a(); // 在创立 obj 时曾经扭转了对象 Foo 上的属性 a 的指向，输入 1
3
// 答案：undefined 0 1 2 3 4// 考查事件循环、return 语句function getName() { for (let i = 0; i < 5; i++) { setTimeout((_) => { console.log(i); }, i * 1000); } // return 关键字和被返回的表达式之间不容许应用行终止符 // 即 return 后要返回的表达式不能换行，否则返回 undefined return { name: "aaa"; }}console.log(getName()); // 1// setTimeout 是宏工作，在这里会在语句 1 执行之后执行// getName 函数返回 undefined，因而先输入 undefined// 之后 setTimeout 顺次执行，别离输入 0 1 2 3 4