-
函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別?
使用function關(guān)鍵字可以聲明一個(gè)函數(shù)，函數(shù)聲明不必放在調(diào)用的前面
函數(shù)表達(dá)式先聲明賦值，得到這個(gè)變量，再調(diào)用，聲明必須放到調(diào)用的前面
函數(shù)表達(dá)式就是把函數(shù)這個(gè)指針賦值給這個(gè)變量，函數(shù)表達(dá)式本質(zhì)上是個(gè)表達(dá)式
//函數(shù)聲明
function SayHello() {
console.log(' Hello ');
}
//函數(shù)表達(dá)式
var SayHello = function () {
console.log(' Hello ');
}
-
什么是變量的聲明前置？什么是函數(shù)的聲明前置?
定義： 函數(shù)聲明和變量聲明總是被JavaScript解釋器隱式地提升(hoist)到包含他們的作用域的最頂端。
變量的聲明前置
var x = 'good';
(function () {
console.log(x);
var x = 10; // 在這里添加一行對(duì)x的定義
})();
//輸出結(jié)果undefined
js在解析這段代碼時(shí)，會(huì)對(duì)變量聲明做一個(gè)調(diào)整，變量提升的定義里說(shuō)到變量的聲明會(huì)被提升到其作用域最前端。 也就是說(shuō)var x = 10 被隱式的做出了調(diào)整，var x實(shí)際上被提升到了這段代碼所在作用域（也就是這個(gè)匿名函數(shù)定義的作用域）的最前面，那就相當(dāng)于這樣一段代碼
var x = 'good';
(function () {
var x; // 變量聲明被隱式提升
console.log(x);
x = 10;
})();
這就表示x 在匿名函數(shù)定義的作用域中聲明以后覆蓋了全局作用域中的 x ，而這個(gè) x 在這樣一段代碼里僅僅是聲明有這個(gè) x ，還沒(méi)賦值，就被 console.log 掉了，自然輸出結(jié)果是 undefined
函數(shù)的聲明前置
func();
function func() {
console.log('nice');
}
這段代碼中函數(shù)的調(diào)用是在函數(shù)的定義之前。如果按照javascript的規(guī)矩，其代碼是按其先后順序一行一行的執(zhí)行的話，那么在 func()做出函數(shù)調(diào)用的動(dòng)作的時(shí)候，其前面是沒(méi)有任何關(guān)于func 這一函數(shù)的定義的。 這里之所以能正確調(diào)用這個(gè) func 函數(shù)，也是由于在整個(gè)javascript代碼執(zhí)行前，其中的函數(shù)聲明被提升到了其作用域的最前面，這樣的話在調(diào)用func() 函數(shù)的時(shí)候自然能正確執(zhí)行而不會(huì)出錯(cuò)。
-
arguments 是什么?
由于JavaScript允許函數(shù)有不定數(shù)目的參數(shù)，所以我們需要一種機(jī)制，可以在函數(shù)體內(nèi)部讀取所有參數(shù)。這就是arguments對(duì)象的由來(lái)。
arguments對(duì)象包含了函數(shù)運(yùn)行時(shí)的所有參數(shù)，arguments[0]就是第一個(gè)參數(shù)，arguments[1]就是第二個(gè)參數(shù)，以此類(lèi)推。這個(gè)對(duì)象只有在函數(shù)體內(nèi)部，才可以使用。
var f = function(one) {
console.log(arguments[0]);
console.log(arguments[1]);
console.log(arguments[2]);
}
f(1, 2, 3)
// 1
// 2
// 3
-
函數(shù)的"重載"怎樣實(shí)現(xiàn)?
在JS中，沒(méi)有重載。同名函數(shù)會(huì)覆蓋。但可以在函數(shù)體針對(duì)不同的參數(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);//Byron 26
printPeopleInfo('Byron', 26, 'male');//Byron 26 male
-
立即執(zhí)行函數(shù)表達(dá)式是什么？有什么作用?
立即執(zhí)行函數(shù)表達(dá)式
(function(){
var a = 1;
})()
console.log(a);
作用：隔離作用域
-
求n!，用遞歸來(lái)實(shí)現(xiàn)?
function factor(n){
if(n<0){
return "error"
}
else if(n === 1 || n===0) {
return 1
}
return n * factor(n-1)
}
factor(n)
-
以下代碼輸出什么？
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, '男');
//name: 饑人谷
//age: 2
//sex: 男
//(3) ["饑人谷", 2, "男", callee: ?, Symbol(Symbol.iterator): ?]
//name valley
getInfo('小谷', 3);
//name: 小谷
//age: 3
//sex: undefined
//(2) ["小谷", 3, callee: ?, Symbol(Symbol.iterator): ?]
//name valley
getInfo('男');
//name: 男
//age: undefined
//sex: undefined
//["男", callee: function, Symbol(Symbol.iterator): function]
//name valley
-
寫(xiě)一個(gè)函數(shù)，返回參數(shù)的平方和？
function sumOfSquares(){
}
var result = sumOfSquares(2,3,4)
var result2 = sumOfSquares(1,3)
console.log(result) //29
console.log(result2) //10
function sumOfSquares(){
var result = 0
for(var i=0;i<arguments.length;i++){
result = result+arguments[i]*arguments[i];
}
return result;
}
-
如下代碼的輸出？為什么
console.log(a);//undefined，變量在當(dāng)前作用域下被提升了，但沒(méi)有賦值
var a = 1;
console.log(b);//報(bào)錯(cuò)，因?yàn)闆](méi)有聲明變量,也沒(méi)有賦值
-
如下代碼的輸出？為什么
sayName('world');
sayAge(10);
function sayName(name){
console.log('hello ', name);//hello,world
}
var sayAge = function(age){
console.log(age);//報(bào)錯(cuò)sayAge is not a function，sayAge是函數(shù)表達(dá)式，調(diào)用在定義之前就會(huì)報(bào)錯(cuò)
};
-
如下代碼輸出什么? 寫(xiě)出作用域鏈查找過(guò)程偽代碼
var x = 10
bar()
function foo() {
console.log(x)
}
function bar(){
var x = 30
foo()
}
輸出10
globalContext = {
AO:{
x:10
bar: function
foo: function
}
}
bar.[[scope]] = globalContext.AO
foo.[[scope]] = globalContext.AO
barContext = {
AO: {
x:30
foo.[[scope]] = globalContext.AO
}
}
//10
-
如下代碼輸出什么? 寫(xiě)出作用域鏈查找過(guò)程偽代碼
var x = 10;
bar()
function bar(){
var x = 30;
function foo(){
console.log(x)
}
foo();
}
輸出為30
globalContext = {
AO: {
x: 10
bar: function
}
}
bar.[[scope]] = globalContext.AO
barContext = {
AO: {
x: 30
foo: function () {}
}
Scope: globalContext.AO
}
foo.[[scope]] = barContext.AO
//30
-
以下代碼輸出什么? 寫(xiě)出作用域鏈的查找過(guò)程偽代碼
var x = 10;
bar()
function bar(){
var x = 30;
(function (){
console.log(x)
})()
}
輸出為30
globalContext = {
AO: {
x: 10
bar: function
}
}
bar.[[scope]] = globalContext.AO
barContext = {
AO: {
x: 30
}
Scope = bar.[[scope]]
}
function.[[scope]] = globalContext.AO
- 以下代碼輸出什么？ 寫(xiě)出作用域鏈查找過(guò)程偽代碼
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
}
}
fn.[[scope]] = globalContext.AO
fn3.[[scope]] = globalContext.AO
fnContext = {
AO: {
a: undefined > 5 > 6 > 20
fn2: function
}
Scope: globalContext.AO
}
fn2.[[scope]] = fnContext.AO
fn3Context = {
AO: {}
Scope: globalContext.AO
}
fn2Context = {
AO: {}
Scope: fnContext.AO
}
