1.函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別
函數(shù)聲明使用function關(guān)鍵字聲明一個(gè)函數(shù),function fn() { }，函數(shù)聲明必須始終帶有一個(gè)標(biāo)識符即函數(shù)名擎椰，函數(shù)聲明會在任何表達(dá)式被解析和求值之前先行被解析和求值逻住，函數(shù)可以在任意地方調(diào)用fn()钟哥，聲明不必放到調(diào)用的前面。
函數(shù)表達(dá)式通過賦值來聲明函數(shù)瞎访，聲明完畢后要加上分號表示該句結(jié)束腻贰，聲明必須放到調(diào)用的前面，在表達(dá)式執(zhí)行完后扒秸，函數(shù)才存在并可被調(diào)用播演。
2.什么是變量的聲明前置？什么是函數(shù)的聲明前置
在一個(gè)作用域下伴奥，var 聲明的變量和function 聲明的函數(shù)會前置写烤。
javascript引擎的工作方式是，先解析代碼拾徙，獲取所有被聲明的變量洲炊，然后再一行一行地運(yùn)行。變量聲明前置就是在一個(gè)作用域中尼啡，所有的變量都被放在開始處聲明暂衡，即使聲明位于源代碼中的最后一行，它也會先于同一作用域中位于最前面的表達(dá)式執(zhí)行崖瞭。
console.log(a);
var a = 1;
即
var a;
console.log(a);
a = 1;
JavaScript引擎將函數(shù)名視同變量名狂巢，所以采用function命令聲明函數(shù)時(shí)，整個(gè)函數(shù)會像變量聲明一樣书聚，被提升到代碼頭部唧领。函數(shù)的聲明前置是在一個(gè)作用域中藻雌，函數(shù)的聲明會被放在代碼開始處先執(zhí)行。而函數(shù)內(nèi)部的聲明前置則指的是在執(zhí)行該函數(shù)里面的語句的時(shí)候疹吃，聲明會被首先執(zhí)行蹦疑。
3.arguments 是什么
arguments 是JavaScript里的一個(gè)內(nèi)置對象,是比較特別的一個(gè)對象，在js中在調(diào)用一個(gè)函數(shù)的時(shí)候萨驶，我們經(jīng)常會給這個(gè)函數(shù)傳遞一些參數(shù)歉摧，js把傳入到這個(gè)函數(shù)的全部參數(shù)存儲在arguments里，在函數(shù)內(nèi)部,可以使用arguments對象獲取到該函數(shù)的所有傳入?yún)?shù)腔呜。
function printPersonInfo(name, age, sex){
console.log(name);
console.log(age);
console.log(sex);
console.log(arguments);
}
它的屬性名是按照傳入?yún)?shù)的序列來的叁温，第1個(gè)參數(shù)的屬性名是0，第2個(gè)參數(shù)的屬性名是1核畴，以此類推膝但，并且它還有l(wèi)ength屬性，存儲的是當(dāng)前傳入函數(shù)參數(shù)的個(gè)數(shù)谤草，很多時(shí)候我們把這種對象叫做類數(shù)組對象跟束。
4.函數(shù)的"重載"怎樣實(shí)現(xiàn)
重載是很多面向?qū)ο笳Z言實(shí)現(xiàn)多態(tài)的手段之一，在靜態(tài)語言中確定一個(gè)函數(shù)的手段是靠方法簽名——函數(shù)名+參數(shù)列表丑孩，也就是說相同名字的函數(shù)參數(shù)個(gè)數(shù)不同或者順序不同都被認(rèn)為是不同的函數(shù)冀宴，稱為函數(shù)重載。在JavaScript中沒有函數(shù)重載的概念温学，函數(shù)通過名字確定唯一性略贮，參數(shù)不同也被認(rèn)為是相同的函數(shù)，后面的覆蓋前面的仗岖，但可以在函數(shù)體針對不同的參數(shù)調(diào)用執(zhí)行相應(yīng)的邏輯逃延。在函數(shù)定義中用f.arguments.length判斷一下調(diào)用時(shí)傳入的參數(shù)個(gè)數(shù)。然后對不同的情況采用不同的處理方式轧拄。
function printPeopleInfo(name, age, sex){
if(name){
console.log(name);
}
if(age){
console.log(age);
}
if(sex){
console.log(sex);
}
}
printPeopleInfo('Byron', 26);
printPeopleInfo('Byron', 26, 'male');
5.立即執(zhí)行函數(shù)表達(dá)式是什么揽祥？有什么作用
立即執(zhí)行函數(shù)表達(dá)式就是聲明一個(gè)匿名函數(shù),馬上調(diào)用這個(gè)匿名函數(shù)。
(function(){
var a = 1;
})()
console.log(a); //undefined
其他寫法
(function fn1() {});
// 在數(shù)組初始化器內(nèi)只能是表達(dá)式
[function fn2() {}];
// 逗號也只能操作表達(dá)式
1, function fn3() {};
作用：不必為函數(shù)命名紧帕，避免了污染全局變量盔然，隔離作用域，創(chuàng)建一個(gè)獨(dú)立的作用域是嗜，這個(gè)作用域里面的變量，外面訪問不到（即避免「變量污染」）挺尾。
6.求n!鹅搪，用遞歸來實(shí)現(xiàn)
function factor(n){
if(n === 1|| n === 0) {
return 1
}
return n * factor(n-1)
}
factor(5)
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('男');
輸出
name: 饑人谷
age: 2
sex: 男
['饑人谷', 2, '男']
name valley
name: 小谷
age: 3
sex: undefined
['小谷',3]
name valley
name: 男
age: undefined
sex: undefined
["男"]
name valley
8.寫一個(gè)函數(shù)遭铺，返回參數(shù)的平方和丽柿？
function sumOfSquares(){
var sum = 0;
for(var n = 0;n<arguments.length;n++{
sum = sum+arguments[n]*arguments[n];
}
return sum;
}
var result = sumOfSquares(2,3,4)
var result2 = sumOfSquares(1,3)
console.log(result) //29
console.log(result2) //10
9. 如下代碼的輸出恢准？為什么
console.log(a);//輸出undefined，相當(dāng)于var a聲明前置甫题，輸出undefined,再a=1
var a = 1;
console.log(b);//error,報(bào)錯(cuò)馁筐，b沒聲明
10. 如下代碼的輸出？為什么
sayName('world');
sayAge(10);
function sayName(name){
console.log('hello ', name);
}
var sayAge = function(age){
console.log(age);
};
輸出
hello world//函數(shù)聲明不必放在調(diào)用前坠非，函數(shù)聲明前置
error//函數(shù)表達(dá)式須放在調(diào)用前面敏沉，函數(shù)表達(dá)式只有執(zhí)行到這一行才會去聲明
11. 如下代碼輸出什么? 寫出作用域鏈查找過程偽代碼
var x = 10
bar()
function foo() {
console.log(x)
}
function bar(){
var x = 30
foo()
}
1.
globalContext = {
AO: {
x: 10
foo: function
bar: function
},
Scope: null
}
foo.[[scope]] = globalContext.AO
bar.[[scope]] = globalContext.AO
2.調(diào)用bar()
barContext = {
AO:{
x:30
},
Scope:bar.[[scope]] = globalContext.AO
}
3.調(diào)用foo()
fooContext = {
AO:{},
Scope:foo.[[scope]] = globalContext.AO
}
輸出10
12. 如下代碼輸出什么? 寫出作用域鏈查找過程偽代碼
var x = 10;
bar()
function bar(){
var x = 30;
function foo(){
console.log(x)
}
foo();
}
1.
globalContext = {
AO: {
x: 10
bar: function
},
Scope: null
}
bar.[[scope]] = globalContext.AO
2.調(diào)用bar()
barContext = {
AO:{
x:30
foo:function
},
Scope:bar.[[scope]] = globalContext.AO
}
foo.[[scope]] = barContext.AO
3.調(diào)用foo()
fooContext = {
AO:{},
Scope:foo.[[scope]] = barContext.AO
}
輸出30
13. 以下代碼輸出什么? 寫出作用域鏈的查找過程偽代碼
var x = 10;
bar()
function bar(){
var x = 30;
(function (){
console.log(x)
})()
}
1.
globalContext = {
AO: {
x: 10
bar: function
},
Scope: null
}
bar.[[scope]] = globalContext.AO
2.調(diào)用bar()
barContext = {
AO:{
x:30
function(){}
},
Scope:bar.[[scope]] = globalContext.AO
}
function.[[scope]] = barContext.AO
3.調(diào)用立即執(zhí)行函數(shù)
functionContext = {
AO:{},
Scope:function.[[scope]] = barContext.AO
}
輸出30
14. 以下代碼輸出什么？ 寫出作用域鏈查找過程偽代碼
var a = 1;
function fn(){
console.log(a)//undefined
var a = 5//fncontext.AO中的a賦值為5
console.log(a)//輸出5
a++//fnContext.AO中的a加1為6
var a
fn3()//調(diào)用fn3()炎码，去執(zhí)行fn3()
fn2()//調(diào)用fn2()
console.log(a)//此時(shí)fnContext.AO中的a賦值為20盟迟，輸出20
function fn2(){
console.log(a)//此時(shí)fnContext.AO中的a賦值為6，所以輸出6
a = 20//fnContext.AO中的a賦值為20
}
}
function fn3(){
console.log(a)//因?yàn)閒n3Context.AO中沒有a值潦闲，所以去globalContext.AO找攒菠，a值為1，所以輸出1
a = 200//globalContext.AO中a賦值為200
}
fn()
console.log(a))//此時(shí)globalContext.AO中a賦值為200
1.
globalContext = {
AO: {
a: 1 200
fn: function
fn3:function
},
Scope: null
}
fn.[[scope]] = globalContext.AO
fn3.[[scope]] = globalContext.AO
2.調(diào)用fn()
fnContext = {
AO: {
a: undefined 5 6 20
fn2: function
},
Scope: fn.[[scope]] = globalContext.AO
}
fn2.[[scope]] = fnContext.AO
3.調(diào)用fn3()
fn3Context = {
AO: { },
Scope: fn3.[[scope]] = globalContext.AO
}
4.調(diào)用fn2()
fn2Context = {
AO: { },
Scope: fn2.[[scope]] = fnContext.AO
}
輸出：undefined 5 1 6 20 200
