每日 3 題 13 以下代碼執行後,控制臺中的輸出內容為? Object.prototype.a = 1; Function.prototype.b = 2; function F() {} var f = new F(); console.log(F.a); console.log(F.b); c ...
每日 3 題
13 以下代碼執行後,控制臺中的輸出內容為?
Object.prototype.a = 1;
Function.prototype.b = 2;
function F() {}
var f = new F();
console.log(F.a);
console.log(F.b);
console.log(f.a);
console.log(f.b);
14 以下代碼執行後,控制臺中的輸出內容為?
var a = 2 >= 3 || true && 1 || false;
console.log(a);
15 以下代碼執行後,控制臺中的輸出內容為?
var x = 0;
switch (++x) {
case 0:
++x;
case 1:
++x;
case 5:
++x;
}
console.log(x);
答案及解析
13
// 答案:1 2 1 undefined
// 考察原型鏈
// 首先對於 Function,這裡有幾個特殊的點
console.log(typeof Function); // function
console.log(Function.__proto__ === Function.prototype); // true
console.log(Function.prototype.__proto__ === Object.prototype); // true
// 自己動手跑一下記住結果即可
Object.prototype.a = 1; // 在原型對象上添加屬性並賦值
Function.prototype.b = 2; // 同上
function F() {}
var f = new F();
// 下麵捋一下原型鏈,"=>" 代表指向
console.log(F.a);
// F.__proto__ => Function.prototype,Function.prototype.__proto__ => Object.prototype
// 順著原型鏈找屬性 a 即可,找到 Object.prototype.a 為 1
console.log(F.b);
// 原型鏈同上,找到 Function.prototype.b 為 2
console.log(f.a);
// f.__proto__ => F.prototype
// 註意 F.prototype 只是個普通對象,所以 F.prototype.__proto__ => Object.prototype
// 順著原型鏈找屬性 a,找到 Object.prototype.a 為 1
console.log(f.b);
// 原型鏈同上,找不到屬性 b,所以結果為 undefined
// 註意 f 和 F 的原型鏈的區別
14
// 答案:1
// 考察 && 和 || 的優先順序以及運算符的理解
// && 的優先順序高於 ||
// 故先計算 true && 1
console.log(true && 1); // 問:輸出什麼
// 答案是 1,回答 true 的對 && 的理解有誤
// 對於 expr1 && expr2
// 如果 expr1 能夠轉化為 true,表達式返回 expr2,否則返回 expr1
// 同理 expr1 || expr2
// 如果 expr1 能夠轉化為 true,表達式返回 expr1,否則返回 expr2
var a = 2 >= 3 || true && 1 || false;
// 綜上,一步一步計算如下
// (2 >= 3 || true && 1 || false)
// = (2 >= 3 || 1 || false)
// = (1 || false)
// = 1
console.log(a);
15
// 答案:3
// 考察:switch 和 ++
// 首先 ++ 在前會先計算自增 1
// 對於 case 中沒有 break 時,匹配到 case 會一直向下計算直到遇到 break
var x = 0;
switch (++x) { // 首先計算括弧中式子:結果為 1
case 0: ++x; // 1 不匹配 0
case 1: ++x; // 匹配,計算後 x 為 2,並且沒有 break,繼續向下計算
case 5: ++x; // 計算 ++x,計算後 x 為 3
}
console.log(x); // 故最終輸出 3