1. 函數(shù)聲明和函數(shù)表達式有什么區(qū)別
- 函數(shù)聲明不必放在調(diào)用前面
- 函數(shù)表達式必須放在調(diào)用前面
2. 什么是變量的聲明前置？什么是函數(shù)的聲明前置
- 在一個作用域下并鸵，var聲明的變量和function聲明的函數(shù)會前置
- 不在函數(shù)作用域內(nèi),var聲明的變量和function聲明的函數(shù)都會前置到全局最頂部
- 在函數(shù)作用域內(nèi)，var聲明的變量和function聲明的函數(shù)則會前置到函數(shù)體的最頂部
3. arguments 是什么
arguments是函數(shù)所有參數(shù)的集合（數(shù)組），可以在函數(shù)內(nèi)使用
4. 函數(shù)的"重載"怎樣實現(xiàn)
js不支持重載黔衡，同名函數(shù)會覆蓋，需要對參數(shù)進行非空或者類型的判斷來模擬函數(shù)重載（可以用if條件判斷語句來實現(xiàn)）
5. 立即執(zhí)行函數(shù)表達式是什么腌乡？有什么作用
- 類似于下面的寫法是立即執(zhí)行函數(shù)表達式：
(function(){
//todo
}())
- 作用：隔離作用域
6. 求n!盟劫，用遞歸來實現(xiàn)
答：兩種方法（其中尾遞歸優(yōu)化用了ES6語法)
尾調(diào)用優(yōu)化：調(diào)用函數(shù)是最后一步操作，遞歸時只保留內(nèi)層函數(shù)的調(diào)用幀
- 沒有尾調(diào)用優(yōu)化的遞歸
function fn(n){
if(n===1){
return 1;
}
return n*fn(n-1);//遞歸調(diào)用后還未結(jié)束：再乘以n与纽，所以它不是尾調(diào)用
}
- 優(yōu)化后的遞歸（尾遞歸優(yōu)化）
const fm = (n, flat)=>{
if(n===1){
return flat;
}
return fm(n-1,n*flat);//尾部遞歸調(diào)用后結(jié)束侣签，釋放外層函數(shù)的調(diào)用幀，只保留內(nèi)層函數(shù)的調(diào)用幀
};
const fmm = (n)=>fm(n,1);
- 打印結(jié)果
var res1 = fn(10);
let res2 = fmm(10);
console.log(res1, res2);//3628800 3628800
7. 以下代碼輸出什么渣锦？
function getInfo(name, age, sex){
console.log('name:',name);
console.log('age:', age);
console.log('sex:', sex);
console.log(arguments);
arguments[0] = 'valley';
console.log('name', name);
}
getInfo('饑人谷', 2, '男');
getInfo('小谷', 3);
getInfo('男');
答：
- getInfo('饑人谷', 2, '男');
"name": "饑人谷"
"age": 2
"sex": "男"
[object Arguments]{0:"饑人谷", 1:2, 2:"男"}
"name" "valley"
- getInfo('小谷', 3);
"name": "小谷"
"age": 3
"sex": undefined
[object Arguments]{0:"小谷", 1:3}
"name" "valley"
- getInfo('男');
"name": "男"
"age": undefined
"sex": undefined
[object Arguments]{0:"男"}
"name" "valley"
8. 寫一個函數(shù)硝岗，返回參數(shù)的平方和？
function sumOfSquares(){
}
var result = sumOfSquares(2,3,4)
var result2 = sumOfSquares(1,3)
console.log(result) //29
console.log(result2) //10
三種方法：分別是for循環(huán)袋毙、for-in循環(huán)和Object.values()型檀，代碼如下：
function sumOfSquares(){
let res = 0;
// 1. for 循環(huán)
// for(let i=0; i<arguments.lenght; i++){
// res += arguments[i] * arguments[i];
// }
// 2. for-in循環(huán)
// for (let index in arguments) {
// res += arguments[index]*arguments[index];
// }
// 3.ES8引入了Object.keys、Object.values和Object.entries听盖，作為遍歷一個對象的補充手段胀溺。
for(let value of Object.values(arguments)) {
res += value*value;
}
return res;
}
9. 如下代碼的輸出裂七？為什么
console.log(a);
var a = 1;
console.log(b);
輸出：undefined 報錯（"error" "ReferenceError: b is not defined ..."）；
- 因為var聲明的變量會聲明前置仓坞，即在console.log(a)之前就聲明了a（但還沒賦值）背零，故輸出undefined;
- b沒有聲明，所以會報錯
10. 如下代碼的輸出无埃？為什么
sayName('world');
sayAge(10);
function sayName(name){
console.log('hello ', name);
}
var sayAge = function(age){
console.log(age);
};
輸出: "hello " "world" 報錯("error" "TypeError: sayAge is not a function")
- function聲明的函數(shù)無需寫在調(diào)用前徙瓶；
- 但函數(shù)表達式必須先聲明再調(diào)用.
11. 如下代碼輸出什么? 寫出作用域鏈查找過程偽代碼
var x = 10
bar()
function foo() {
console.log(x)
}
function bar(){
var x = 30
foo()
}
輸出：10
globalContext = {
AO:{
x:10,
foo:function,
bar:function,
},
scope:none;
}
foo['scope'] = globalContext.AO;
bar['scope'] = globalContext.AO;
barContext = {
AO:{
x:30,
},
scope:golbalContext.AO
}
fooContext = {
AO:{},
scope:golbalContext.AO
}
12. 如下代碼輸出什么? 寫出作用域鏈查找過程偽代碼
var x = 10;
bar()
function bar(){
var x = 30;
function foo(){
console.log(x)
}
foo();
}
輸出: 30，偽代碼如下：
globalContext = {
AO:{
x:10,
bar:function,
},
scope:none,
}
bar['scope'] = globalContext.AO;
barContext = {
AO:{
x:30,
foo:function,
},
scope: globalContext.AO,
}
fooContext = {
AO:{},
scope:barContext.AO,
}
13. 以下代碼輸出什么? 寫出作用域鏈的查找過程偽代碼
var x = 10;
bar()
function bar(){
var x = 30;
(function (){
console.log(x)
})()
}
輸出 30
globalContext = {
AO:{
x:10,
bar:function,
},
scope:none;
}
bar['scope'] = globalContext.AO;
barContext = {
AO:{
x:30,
foo:function,
},
scope:golbalContext.AO
}
foo['scope'] = barContext.AO;
fooContext = {
AO:{},
scope:barContext.AO
}
14. 以下代碼輸出什么嫉称？ 寫出作用域鏈查找過程偽代碼
var a = 1;
function fn(){
console.log(a)
var a = 5
console.log(a)
a++
var a
fn3()
fn2()
console.log(a)
function fn2(){
console.log(a)
a = 20
}
}
function fn3(){
console.log(a)
a = 200
}
fn()
console.log(a)
輸出：undefined 5 1 6 20 200
globalContext = {
AO:{
a:200,
fn:function,
fn3:function,
},
scope:none;
}
fn['scope'] = globalContext.AO;
fn3['scope'] = globalContext.AO;
fn3Context = {
AO:{},
scope:globalContext.AO,
}
fnContext = {
AO:{
a:20,
fn2:function,
},
scope:globalContext.AO
}
fn2['scope'] = fnContext.AO;
fn2Context = {
AO:{},
scope:fnContext.AO
}
