最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

每日 3 題

10 以下代碼執(zhí)行后，控制臺(tái)中的輸出內(nèi)容為？

var obj = {
  a: 1,
};

((obj) => {
  console.log(obj.a);
  obj.a = 3;
  var obj = {
    a: 2,
  };
  console.log(obj.a);
})(obj);

console.log(obj.a);

11 以下代碼執(zhí)行后，控制臺(tái)中的輸出內(nèi)容為？

function Fun() {}

Fun.prototype.a = 1;

let f1 = new Fun();

Fun.prototype = {
  b: 2,
  c: 3,
};

let f2 = new Fun();

Fun.prototype.d = 4;

console.log(f1.a);
console.log(f1.b);
console.log(f2.c);
console.log(f2.d);

12 以下代碼執(zhí)行后，控制臺(tái)中的輸出內(nèi)容為？

var num = 1;
let obj = {
  num: 2,
  foo: function () {
    console.log(this.num);
  },
  foo2: () => {
    console.log(this.num);
  },
};

let f1 = obj.foo;
let f2 = obj.foo2;
obj.foo();
obj.foo2();
f1();
f2();

答案及解析

10

// 答案 1 2 3
// 考察形參、局部變量、引用類型、立即執(zhí)行函數(shù)

// 立即執(zhí)行函數(shù)內(nèi)部，var 聲明的變量會(huì)提升到函數(shù)頂部
var obj = {
  a: 1,
};

((obj) => {
  var obj; // 重復(fù)聲明無效
  console.log(obj.a); // *1
  obj.a = 3; // *2
  obj = {
    a: 2,
  }; // *3
  console.log(obj.a); // *4
})(obj);
console.log(obj.a); // *5

/**
 * 形式參數(shù) obj 屬于局部變量，函數(shù)內(nèi) var obj 重復(fù)聲明無效
 * 立即執(zhí)行函數(shù)將全局對(duì)象 obj 作為參數(shù)傳入函數(shù)，注意是引用類型，
 * 所以函數(shù)內(nèi) obj 指向全局對(duì)象 obj，因此`*1`處輸出 1（即全局變量的屬性 1）
 *
 * *2處將全局變量的屬性 a 賦值為 3
 * *3處局部變量 obj 指向了一個(gè)新的對(duì)象`{ a: 2 }`，注意對(duì)全局變量不會(huì)有影響
 * *4處輸出的是局部變量的屬性 a，即新對(duì)象`{ a: 2 }`的屬性 a，為 2
 * *5處輸出全局變量的屬性 a，在函數(shù)內(nèi)已經(jīng)被改為 3
 */

11

// 答案：1 undefined 3 4
// 考察原型鏈
function Fun() {}

Fun.prototype.a = 1;
// 在 Fun 的原型對(duì)象上添加屬性 a 并賦值為 1

let f1 = new Fun();
// 創(chuàng)建實(shí)例 f1，此時(shí) f1 的屬性 __proto__ 指向 Fun.prototype

Fun.prototype = {
  b: 2,
  c: 3,
};
// Fun 的 prototype 屬性指向了一個(gè)新對(duì)象
// 注意不會(huì)影響實(shí)例 f1，因?yàn)?f1.__proto__ 還是指向原來那個(gè)原型對(duì)象

let f2 = new Fun();
// 創(chuàng)建實(shí)例 f2，此時(shí) f2 的屬性 __proto__ 指向 Fun.prototype
// 注意這時(shí) Fun.prototype 已經(jīng)跟創(chuàng)建 f1 時(shí)的不同了
// 即 f2.__proto__ 指向 { b: 2, c: 3 }

Fun.prototype.d = 4;
// 在 Fun 的原型對(duì)象上添加屬性 d 并賦值為 4
// 此時(shí) Fun 的原型對(duì)象變?yōu)?{ b: 2, c: 3, d: 4}
// 注意這是修改了 Fun.prototype 指向的那個(gè)對(duì)象
// 此時(shí) f2.__proto__ 也指向 { b: 2, c: 3, d: 4}

// 綜上：f1.__proto__ 為 { a: 1 }
// f2.__proto__ 為 { b: 2, c: 3, d: 4}

console.log(f1.a); // 1
console.log(f1.b); // undefined，自身及原型對(duì)象上都沒有屬性 b
console.log(f2.c); // 3
console.log(f2.d); // 4

12

// 答案 在瀏覽器中 2 1 1 1
// 考察 this、箭頭函數(shù)和普通函數(shù)的區(qū)別

var num = 1; // 在瀏覽器中 var 聲明的全局變量會(huì)掛載到 window 對(duì)象上

let obj = {
  num: 2,
  foo: function () {
    console.log(this.num);
  },
  // 普通函數(shù)的 this 在其執(zhí)行時(shí)才能確定下來
  foo2: () => {
    console.log(this === global);
    console.log(this.num);
  },
  // 箭頭函數(shù)的 this 在定義時(shí)就確定下來了
  // 箭頭函數(shù)內(nèi)部的 this 就是定義時(shí)外部代碼塊的 this
  // 注意這里外部代碼塊就是全局作用域，即 this 指向全局作用域 this 即 window
  // obj 后面的 {} 不是代碼塊！
  // 因此箭頭函數(shù)中的 this.num 就是全局 num 為 1
};

let f1 = obj.foo;
let f2 = obj.foo2;
obj.foo(); // 調(diào)用位置有執(zhí)行上下文對(duì)象為 obj，因此 this 指向 obj 輸出 2
obj.foo2(); // 箭頭函數(shù)輸出 1
f1(); // 調(diào)用位置執(zhí)行上下文對(duì)象為全局對(duì)象，因此輸出全局 num 為 1
f2(); // 箭頭函數(shù)輸出 1

分享名稱：前端面試題每日3題——2022-09-02
URL鏈接：http://fisionsoft.com.cn/article/dsojgjs.html