1.函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別
函數(shù)聲明使用function關(guān)鍵字可以聲明一個函數(shù)
聲明不必放到調(diào)用的前面(函數(shù)聲明前置)
函數(shù)聲明必須有函數(shù)名
//函數(shù)聲明
function sayHello(){
console.log('hello')
}
//函數(shù)調(diào)用
sayHello()
函數(shù)表達(dá)式聲明必須放到調(diào)用的前面
前后兩個函數(shù)的名字可以相同也可以不相同
function 后面的這個名字(sayHello)是可以省略的
var sayHello = function sayHello(){
console.log('hello');
}
sayHello()
第三種聲明函數(shù)方式幅慌,采用構(gòu)建函數(shù)
var sayHello=new Function("console.log('hello world');")
2.什么是變量的聲明前置?什么是函數(shù)的聲明前置
變量的聲明前置:在同一作用域下目溉,先把所有的變量放在開頭聲明
函數(shù)的聲明前置:與變量聲明前置同義巡验,只不過是在函數(shù)作用域下,在開頭先把變量聲明
3.arguments 是什么
在函數(shù)內(nèi)部,可使用arguments對象獲取到該函數(shù)的所有傳入?yún)?shù),需要注意定義了函數(shù)參數(shù)严衬,但沒有傳進(jìn)相應(yīng)的參數(shù)值,則沒有傳遞值的函數(shù)參數(shù)被自動賦予undefined值,例如
function printPersonInfo(name, age, sex){
console.log(name);
console.log(age);
console.log(sex);
console.log(arguments);
}
4.函數(shù)的"重載"怎樣實現(xiàn)
JavaScript不能像強(qiáng)類型語言那樣實現(xiàn)函數(shù)重載,在定義兩個相同函數(shù)名的函數(shù)樊销,后一個函數(shù)會將前一個覆蓋,即 同名函數(shù)會覆蓋脏款, 但可以在函數(shù)體針對不同的參數(shù)調(diào)用執(zhí)行相應(yīng)的邏輯
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ù)就是聲明一個匿名函數(shù),定義函數(shù)后就立即執(zhí)行的函數(shù)撤师。它的作用是隔離作用域够吩,不會產(chǎn)生任何全局變量,寫法:
(function fn1() {})();
6.求n!丈氓,用遞歸來實現(xiàn)
function f(n){
if(n>1){
return n*f(n-1);}
else if(n==1){
return 1;}
else{
return 0;}
}
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('男');
/*輸出結(jié)果
name:饑人谷
age:2
sex:男
["饑人谷", 2, "男"]
name valley */
/*name:小谷
age:3
sex:undefined
["小谷", 3 ]
name valley */
/*name:男
age:undefined
sex:undefined
["男"]
name valley */
- 寫一個函數(shù),返回參數(shù)的平方和万俗?
function sumOfSquares(){
var sum=0;
for(i=0;i<arguments.length;i++){
sum=sum+arguments[i]*arguments[i]
}
return sum;
}
var result = sumOfSquares(2,3,4)
var result2 = sumOfSquares(1,3)
console.log(result) //29
console.log(result2) //10
- 如下代碼的輸出湾笛?為什么
console.log(a);
var a = 1;
console.log(b);
/*
輸出結(jié)果為:
undefined
Uncaught ReferenceError: b is not defined
將變量聲明前置并重寫
var a;
console.log(a);
a = 1;
console.log(b);//b沒有聲明及賦值,故報錯
*/
- 如下代碼的輸出闰歪?為什么
sayName('world');
sayAge(10);
function sayName(name){
console.log('hello ', name);
}
var sayAge = function(age){
console.log(age);
};
/*輸出結(jié)果
hello world
Uncaught TypeError: sayAge is not a function*/
function聲明的函數(shù)嚎研,會前置,故該函數(shù)的調(diào)用可以放在函數(shù)聲明前面库倘,
var sayAge = function(age)是一個函數(shù)表達(dá)式临扮,調(diào)用必須放在后面,故報錯*/
- 如下代碼輸出什么? 寫出作用域鏈查找過程偽代碼
var x = 10
bar()
function foo() {
console.log(x)
}
function bar(){
var x = 30
foo()
}
/*globalContext = {
AO: {
x: 10
foo: function
bar: function
},
Scope: null
}
聲明 foo 時 得到下面
foo.[[scope]] = globalContext.AO
聲明 bar 時 得到下面
bar.[[scope]] = globalContext.AO
輸出結(jié)果是:10 */
- 如下代碼輸出什么? 寫出作用域鏈查找過程偽代碼
var x = 10;
bar()
function bar(){
var x = 30;
function foo(){
console.log(x)
}
foo();
}
/*globalContext = {
AO: {
x: 10
bar: function
},
Scope: null
}
聲明 bar 時 得到下面
bar.[[scope]] = globalContext.AO
barContext = {
AO: {
x: 30,
foo: function
},
Scope: bar.[[scope]] //globalContext.AO
}
在 bar 的執(zhí)行上下文里聲明 foo 時 得到下面
foo.[[scope]] = barContext.AO
最后輸出結(jié)果是:30*/
- 以下代碼輸出什么? 寫出作用域鏈的查找過程偽代碼
var x = 10;
bar()
function bar(){
var x = 30;
(function (){
console.log(x)
})()
}
/*globalContext = {
AO: {
x: 10
bar: function
},
Scope: null
}
聲明 bar 時 得到下面
bar.[[scope]] = globalContext.AO
barContext = {
AO: {
x: 30,
(function (){console.log(x)}): function
},
Scope: bar.[[scope]] //globalContext.AO
}
在 bar 的執(zhí)行上下文里聲明 foo 時 得到下面
(function (){console.log(x)}).[[scope]] = barContext.AO
最后輸出結(jié)果是:30*/
- 以下代碼輸出什么教翩? 寫出作用域鏈查找過程偽代碼
var a = 1;
function fn(){
console.log(a) //undefiend
var a = 5
console.log(a) //5
a++
var a
fn3() //1
fn2() //6
console.log(a) //20
function fn2(){
console.log(a)
a = 20
}
}
function fn3(){
console.log(a)
a = 200
}
fn()
console.log(a) //200
/*globalContext = {
AO: {
a: 1
fn: function
fn3: function
},
Scope: null
}
聲明 fn 時 得到下面
fn.[[scope]] = globalContext.AO
聲明 fn3 時 得到下面
fn3.[[scope]] = globalContext.AO
fn.Context = {
AO: {
a: undefiend
fn2: function
},
Scope: fn.[[scope]] //globalContext.AO
}
在fn 的執(zhí)行上下文里聲明 fn2時 得到下面
fn2.[[scope]] = fnContext.AO*/