1.函數聲明和函數表達式有什么區別
函數聲明可以看作是函數的初始化，我們將給函數傳參并建立函數體的表達式，當我門建立完成后，就可以進行函數的表達式了，做法如下:function foo(){}, foo();
函數表達式其實就是創建一個匿名的函數聲明并賦值給一個變量,如var foo = function () {}。
區別是函數聲明會提升，可以在任意位置調用，而函數表達式賦值給變量后，變量提升但此時是undefined,不能在函數表達式前調用函數。
2.什么是變量的聲明前置？什么是函數的聲明前置？
變量提升：當一個變量被定義時，在代碼執行前會先將變量進行初始化再執行語句。
函數的聲明前置：當一個函數以函數聲明的方式聲明時，代碼執行前會首先生成該函數，然后再執行語句
3.arguments 是什么
argument是類數組對象，每個函數中都存在argument對象，argument并不是一個真正的數組
，所以不具備除length屬性之外的屬性，這個對象維護這所有傳入該函數的參數列表。
通過以下語句可將arguments轉化為數組對象
var args=Array.prototype.slice.call(arguments)
4.函數的"重載"怎樣實現
通過判斷參數是否存在來實現
function fn(name,age,sex) {
if (name) {
console.log(name);
}
if (age) {
console.log(age);
}
if (sex){
console.log(sex);
}
}
fn('gaojin');
fn('gaojin',24);
fn('gaojin',24,'male');
通過判斷參數列表的個數來實現，即判斷arguments.length來實現
function fn(name,age,sex){
if (arguments.length===1) {
console.log(name);
}
if (arguments.length===2) {
console.log(age);
}
if (arguments.length===3) {
console.log(sex);
}
}
5.立即執行函數表達式是什么？有什么作用
立即執行函數能夠立即執行，這樣可以做到隔離作用域，避免變量污染全局。
function(){ /* code */ }();// SyntaxError: Unexpected token
一般情況下，也許有人認為立即執行函數可能會是這個樣子的，但其實為了避免解析上的歧義，JavaScript引擎規定，如果function關鍵字出現在行首，一律解釋成語句。因此，JavaScript引擎看到行首是function關鍵字之后，認為這一段都是函數的定義，不應該以圓括號結尾，所以就報錯了。
所以一般情況下要寫成
(function(){ /* code */ }());//常用
或者
(function(){ /* code */ })();
上面兩種寫法都是以圓括號開頭，引擎就會認為后面跟的是一個表示式，而不是函數定義語句，所以就避免了錯誤。這就叫做“立即調用的函數表達式”（Immediately-Invoked Function Expression），簡稱IIFE。
注意，上面兩種寫法最后的分號都是必須的。如果省略分號，遇到連著兩個IIFE，可能就會報錯。
推而廣之，任何讓解釋器以表達式來處理函數定義的方法，都能產生同樣的效果，比如下面三種寫法。
var i = function(){ return 10; }();
true && function(){ /* code */ }();
0, function(){ /* code */ }();
6.求n!，用遞歸來實現
function factorial(i){
if (i===1) {
return 1;
}
else
return i*factorial(i-1);
}
console.log(factorial(5));
輸出120
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:男 ["饑人谷"，2，"男"] name valley
getInfo("小谷",3);
輸出 name:小谷 age:3 age:undefined ["小谷",3] name valley
getInfo("男");
輸出 name:男 age:undefined sex:undefined [“男”] name valley
8.寫一個函數，返回參數的平方和？
function sumOfSquares(){
var total=0;
if (arguments.length!==0){
for(var i=0;i<arguments.length;i++){
total+=Math.pow(arguments[i],2);
}
return total;
}
else return "輸入有誤";
}
var result = sumOfSquares(2,3,4);
var result2 = sumOfSquares(1,3);
console.log(result); //29
console.log(result2); //10
9. 如下代碼的輸出？為什么?
console.log(a);
var a = 1;
console.log(b);
輸出undefined ReferenceError: b is not defined
10. 如下代碼的輸出？為什么
sayName('world');
sayAge(10);
function sayName(name){
console.log('hello ', name);
}
var sayAge = function(age){
console.log(age);
};
hello world
TypeError: sayAge is not a function
原因：在代碼開始解析前會進行變量提升和函數聲明提升，而用函數聲明方式的函數在哪里都可以被執行，所以返回hello world，而以函數表達式方式的，只有變量sayAge提升，函數表達式還留在原地，在此之前調用函數都會報錯。
- 如下代碼輸出什么? 寫出作用域鏈查找過程偽代碼
var x = 10
bar()
function foo() {
console.log(x)
}
function bar(){
var x = 30
foo()
}
輸出結果 10
globalContent={
AO:{
x:10
foo:function
bar:function
},
scope:globalContent.AO
}
barContent={
AO:{
x:30
},
scope：bar.[[scope]]=globalContent.AO
}
fooContent={
AO:{}
scope:foo.[[scope]]=globalContent.AO
}
- 如下代碼輸出什么? 寫出作用域鏈查找過程偽代碼
var x = 10;
bar()
function bar(){
var x = 30;
function foo(){
console.log(x)
}
foo();
}
輸出結果 30,查找過程
globalContext={
AO:{
x:10
bar:function
},
scope:globalContext.AO
}
barContext={
AO{
x:30
foo:function
}，
scope:bar.[[scope]]=globalcontext.AO
}
fooContext={
AO{},
scope:foo.[[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:globalContext.AO
}
barContext={
AO:{
x:30
function
},
scope：bar.[[scope]]=globalContext.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:1/200
fn:function
fn3:function
},
scope:globalContext.AO
}
fnContext={
AO:{
a:undefined/5/6/20
fn2:function
},
scope：bar.[[scope]]=globalContext.AO
}
fn3Context={
AO:{}
scope:fn3.[[scope]]=globalContext.AO
}
}
fn2Context={
AO:{}
scope：fn2.[[scope]]=fnContext.AO
}
