- 從下列選項(xiàng)中找出正確的打印值
let person = { name:"Lydia" };
const members = [person];
person = null;
console.log(members);
A. null
B. [null]
C. [{}]
D. [{ name:"Lydia" }]
解析：
// - {name:"Lydia"}是對(duì)象為引用類型
let person = { name:"Lydia" };
// - 將person的地址(指針)賦值給members
const members = [person];
person = null; // - 改變person的指針
console.log(members); // - [{ name:"Lydia" }]
注：members被賦值的是person的指針干厚；
- 簡(jiǎn)單數(shù)據(jù)類型（值類型）：Number荞怒，String而咆，undefined，null，Boolean瘤缩，Symbol
- 復(fù)雜數(shù)據(jù)類型（引用類型）：Function，Array，Object
- 淺拷貝（對(duì)象）：把原來(lái)對(duì)象里面的復(fù)雜數(shù)據(jù)類型地址拷貝給目標(biāo)對(duì)象伯病，修改目標(biāo)對(duì)象會(huì)影響被拷貝對(duì)象。
- 淺拷貝（數(shù)值型）：B自己在棧中重新開(kāi)辟一個(gè)內(nèi)存空間否过，將A值賦值給B.
正確答案：D
- 從下列選項(xiàng)中找出正確的打印值
var foo = 1;
( function foo (){
foo = 10;
console.log(foo);
})()
A. f foo(){ foo =10; console.log(foo)}
B. 1
C. 10
D. undefined
解析：
具名的匿名函數(shù)午笛，函數(shù)名默認(rèn)指向其本身，且具有只讀屬性苗桂，函數(shù)會(huì)被當(dāng)作函數(shù)表達(dá)式而不是一個(gè)標(biāo)準(zhǔn)的函數(shù)聲明來(lái)處理药磺，函數(shù)表達(dá)式意味著函數(shù)被直接綁定在作用域中，意味著foo只能在被自己代表的位置被調(diào)用煤伟，不會(huì)污染全局作用域癌佩。
正確答案：A
- 說(shuō)出下列代碼的執(zhí)行結(jié)果木缝，并解釋原因
let a = {
name:"jock",
age:20
}
function change (o){
o.age = 24;
o = { name: "alan", age: 30}
return o;
}
let b = change(a);
console.log(b.age);
console.log(a.age);
解析：
// - a為對(duì)象——引用類型
let a = {
name:"jock",
age:20
}
function change (o){
o.age = 24; // - a.age = 24
o = { name: "alan", age: 30}
return o;
}
let b = change(a); // - b是change(a)的返回值 b={name: "alan", age: 30}
console.log(b.age); // - 30
console.log(a.age); // - 24
正確答案： 30 24
- 說(shuō)出下列代碼的一個(gè)輸出結(jié)果，并解釋原因
var a = 10;
(function (){
console.log(a);
a =5;
console.log(window.a);
var a = 20;
console.log(a);
})()
解析：
var a = 10;
(function (){
// - var a; // - var 隱式做的操作围辙，指聲明不賦值
console.log(a); // - undefined - 首先會(huì)看當(dāng)前作用域內(nèi)有沒(méi)有變量a
a =5; // -當(dāng)前作用域的a賦值
console.log(window.a); // - 10
// - var 聲明的變量有作用域提升的作用
// - 匿名函數(shù)作用域下創(chuàng)建的變量a氨肌，不會(huì)影響作用域外的變量a
var a = 20; // - 前面聲明，此時(shí)賦值 a===20
console.log(a); // - 20
})()
正確答案：undefined 10 20
- 從下列選項(xiàng)中找出正確的打印值
const person = { name: "Lydia" };
Object.defineProperty(person,"age",{ value: 21 });
console.log(person);
console.log(Object.keys(person));
A. { name: "Lydia",age: 21},["name","age"]
B. { name: "Lydia",age: 21},["name"]
C. { name: "Lydia"},["name","age"]
D.{ name: "Lydia"},["age"]
解析：
const person = { name: "Lydia" };
Object.defineProperty(person,"age",{ value: 21 }); // - ES5 默認(rèn)不可枚舉酌畜、遍歷
// Object.defineProperty(person,"age",{ value: 21 ,enumerable:true}); // - 利用 enumerable:true 可以遍歷
console.log(person); // - { name: "Lydia",age: 21}
console.log(Object.keys(person)); // - 數(shù)組["name"]
注：Object.defineProperty是ES5提供的一種給對(duì)象定義屬性的方式怎囚，定義的屬性默認(rèn)不可以枚舉、遍歷桥胞，不可以刪除恳守；可以使用set、get贩虾，定義屬性時(shí)觸發(fā)get催烘，修改屬性值時(shí)觸發(fā)set，利用其可以實(shí)現(xiàn)數(shù)據(jù)雙向綁定缎罢。
Object.keys返回的是數(shù)組伊群，又因Object.defineProperty定義的屬性默認(rèn)不可以枚舉、遍歷策精，所以只能返回對(duì)象的第一個(gè)關(guān)鍵字舰始；如果想要實(shí)現(xiàn)遍歷，可以利用enumerable:true 實(shí)現(xiàn)遍歷咽袜，如果想要修改或刪除丸卷，可以利用configurable:true實(shí)現(xiàn)。
正確答案：B
- 從下列選項(xiàng)中找出正確的打印值
const settings = {
username:"xiao ming",
level:19,
health:90
};
const data = JSON.stringify(settings,["level","health"]);
console.log(data);
A. "{"level":19,"health":90}"
B. "{"username": "xiao ming"}"
C. "["level","health"]"
D. "{"username":"xiao ming","level":19,"health":90}"
解析：
JSON.stringify(value,replacer)方法將一個(gè) JavaScript 對(duì)象或值轉(zhuǎn)換為 JSON 字符串询刹，如果指定了一個(gè) replacer 函數(shù)谜嫉，則可以選擇性地替換值，或者指定的 replacer 是數(shù)組凹联，則可選擇性地僅包含數(shù)組指定的屬性沐兰。
正確答案：A
- 從下列選項(xiàng)中找出正確的打印值
const value = { number: 10 };
const multiply = (x = { ... value }) => {
console.log(x.number *= 2);
};
multiply();
multiply();
multiply(value);
multiply(value);
A. 20,40,80,160
B. 20,40,20,40
C. 20,20,20,40
D. NaN,NaN,20,40
解析：
const value = { number: 10 };
const multiply = (x = { ... value }) => { // - x是形參，‘...’擴(kuò)展運(yùn)算符將value的屬性展開(kāi)
console.log(x.number *= 2);
};
// - 沒(méi)有傳參數(shù)蔽挠，x = { number:10 }
multiply(); // - 10*2=20
multiply(); // - 10*2=20
// - 傳參數(shù)住闯，x = value 指針相同
multiply(value); // - 10*2=20
multiply(value); // - 20*2=40
正確答案：C
- 從下列選項(xiàng)中找出正確的打印值
const add = () => {
const cache = {};
return num => {
if (num in cache) {
return `From cache! ${cache[num]}`;
} else {
const result = num + 10;
cache[num] = result;
return `Calculated! ${result}`;
}
};
};
const addFunction = add();
console.log(addFunction(10));
console.log(addFunction(10));
console.log(addFunction(5 * 2));
A. Calculated! 20 Calculated! 20 Calculated! 20
B. Calculated! 20 From cache! 20 Calculated! 20
C. Calculated! 20 From cache! 20 Form cache! 20
D. Calculated! 20 From cache! 20 Error
解析：
// - 閉包函數(shù)：一個(gè)函數(shù)作為另一個(gè)函數(shù)的返回值進(jìn)行輸出
const add = () => {
const cache = {};
return num => { // - num = 10 ，num作為key值
if (num in cache) { // 第二次cache有值走if
return `From cache! ${cache[num]}`; // - cache[10]=20
} else { // - 第一次cache無(wú)值走else
const result = num + 10; // - 10 + 10 = 20
cache[num] = result; // - cache = { 10:20 }
return `Calculated! ${result}`;
}
};
};
const addFunction = add();
console.log(addFunction(10)); // - Calculated! 20
console.log(addFunction(10)); // - From cache! 20
console.log(addFunction(5 * 2)); // - From cache! 20 象泵，先將5 * 2運(yùn)算寞秃，之后就同第二次
注：閉包函數(shù)定義： 當(dāng)一個(gè)函數(shù)的返回值是另外一個(gè)函數(shù)，而返回的那個(gè)函數(shù)如果調(diào)用了其父函數(shù)內(nèi)部的其它變量偶惠，如果返回的這個(gè)函數(shù)在外部被執(zhí)行春寿，就產(chǎn)生了閉包。
表現(xiàn)形式：使函數(shù)外部能夠調(diào)用函數(shù)內(nèi)部定義的變量忽孽。
正確答案：C
- 從下列選項(xiàng)中找出正確的打印值
function addToList (item, list) {
return list.push(item);
}
const result = addToList("apple",["banana"]);
console.log(result);
A. ['apple','banana']
B. 2
C. true
D. undefined
解析：
function addToList (item, list) {
return list.push(item); // - ['banana','apple'] 長(zhǎng)度為2
// - push()方法的返回值: 把指定的值添加到數(shù)組后的新長(zhǎng)度
}
const result = addToList("apple",["banana"]);
console.log(result);
注：push()方法的返回值：把指定的值添加到數(shù)組后的新長(zhǎng)度
正確答案：B
- 從下列選項(xiàng)中找出正確的打印值
async function getData () {
return await Promise.resolve("I made it!");
};
const data = getData();
console.log(data);
A. "I made it!"
B. Promise {<resolved>: "I made it!"}
C. Promise {<pending>}
D. undefined
解析：
// - 異步函數(shù) async
async function getData () {
return await Promise.resolve("I made it!");
};
const data = getData(); // - data 等于getData()方法返回的掛起的Promise绑改，此時(shí)的Promise并沒(méi)有解決（沒(méi)有調(diào)用和處理）
console.log(data); // - Promise {<pending>}
// - 掛起狀態(tài)下通過(guò).then可以調(diào)用谢床，執(zhí)行Promise.resolve()
data.then(res => {
console.log(res); // - I made it!
})
注：promise ES6語(yǔ)法中的異步操作的API，每一個(gè)promise包含三種狀態(tài) pending（掛起）厘线、 resolve（成功）识腿、 reject（失敗）造壮， 而在每一個(gè)promise對(duì)象包含then 和 catch兩個(gè)方法渡讼，then方法接收一個(gè)函數(shù)，用于處理resolve成功方法耳璧，而catch方法接收一個(gè)函數(shù)成箫，用于處理reject失敗的方法。
正確答案：C
