1、函数声明和函数表达式有什么区别?
函数声明:function 函数名(参数){函数体},执行语名-函数名();可以在放在声明体之前。这是因为函数声明提前了,函数声明语句是在浏览器准备执行代码的时候(预执行期)执行的。
函数表达式:var 变量名=function 函数名(参数){函数体};执行语句只能放在函数表达式这后。这就和变量声明一样,var 变量名=变量值;变量名声明会提前,但是赋值是在语句所在位置才赋值,同理函数表达式也是一样,只有到表达式所在位置才会执行函数语句。
还有,函数表达式可以省略函数名,函数声明不可以。
2、什么是变量的声明前置?什么是函数的声明前置?
变量声明前置就是在一个作用域块中,所有的变量都被放在块的开始处声明。到该变量的赋值语句时,才为该变量赋值,再此前都是undefined。
函数声明前置就是函数语句是在浏览器准备执行代码的时候(预执行期)执行的。所以,无论函数声明的函数执行语句放在程序的最前面,或者程序的最后面,都能够正常执行。
3、arguments 是什么?
是参数的意思,执行和声明函数时可以为其设置参数。
在函数内部可以用arguments对象获取函数的所有参数。
4、函数的"重载"怎样实现?
根据参数的数量和类型、顺序不同定义相同名字的函数,在执行函数时,自动根据参数的情况调用相应的函数,这就是函数重载。
5、立即执行函数表达式是什么?有什么作用?
给函数加上一个小括号表示立即执行函数表达式,JavaScript里括弧()里面不能包含语句,所以解析器在解析function关键字的时候,会将相应的代码解析成function表达式,而不是function声明。
u立即执行函数表达式的作用:
模拟块作用域
众所周知,JavaScript没有C或Java中的块作用域(block),只有函数作用域,在同时调用多个库的情况下,很容易造成对象或者变量的覆盖,用小括号分别包含可分割多个库的作用域。
6、求n!,用递归来实现?
function factorial(n){
if(n===1){
return 1;
}
return n*factorial(n-1);
}
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, '男');
/*name:饥人谷
age:2
sex:男
["饥人谷", 2 ,"男"]
name valley*/
getInfo('小谷', 3);
/*name:小谷
age:3
sex:undefined
["小谷" ,3 ]
name valley*/
getInfo('男');
/*name:男
age:undefined
sex:undefined
["男" ]
name valley*/
8、写一个函数,返回参数的平方和?
function sumOfSquares(){
}
var result = sumOfSquares(2,3,4)
var result2 = sumOfSquares(1,3)
console.log(result) //29
console.log(result) //10
//======================
function sumOfSquares(a,b,c){
if(arguments[2]!=undefined) {
return (Math.pow(a,2)+Math.pow(b,2)+Math.pow(c,2));
}else if(arguments[1]!=undefined){
return (Math.pow(a,2)+Math.pow(b,2));
}else{
return Math.pow(a,2);
}
}
9、 如下代码的输出?为什么
console.log(a);//undefined变量声明前置,未定义值。
var a = 1;
console.log(b);//报错,b未声明。
10、 如下代码的输出?为什么
sayName('world');//hello word 函数声明前置
sayAge(10);// 报错,sayAge只是变量声明了,还未赋值并不知道它是什么。它现在的值是undefined.
function sayName(name){
console.log('hello ', name);
}
var sayAge = function(age){
console.log(age);
};
11、如下代码输出什么? 写出作用域链查找过程伪代码
var x = 10
bar()
function foo() {
console.log(x)
}
function bar(){
var x = 30
foo()
}
//=============
声明全局变量x
声明函数foo,函数内x值引用全局变量x。
声明函数bar,在函数内重新定义一个局部变量X并赋值为30
开始执行语句
var x=10 给x赋值为数值10
bar() ,调用foo(),foo函数内使用全局变量X的值10,所以输出10
12、如下代码输出什么? 写出作用域链查找过程伪代码
var x = 10;
bar()
function bar(){
var x = 30;
function foo(){
console.log(x)
}
foo();
}
//===============
声明全局变量x
声明函数bar,在函数内定义一个局部变量X并赋值为30
在bar函数作用域下,声明函数foo。
开始执行语句
给全局变量x赋值10
执行bar()函数,跳过已经声明的过程,执行foo(),因为foo声明在bar内部作用域内,调用bar内的局部变量x,结果为30。
13、以下代码输出什么? 写出作用域链的查找过程伪代码
var x = 10;
bar()
function bar(){
var x = 30;
(function (){
console.log(x)
})()
}
//=============
声明全局变量x
声明函数bar,在函数内定义一个局部变量X并赋值为30
在bar函数作用域下,有一个匿名函数表达式。
给全局变量x赋值10
执行bar()函数,跳过声明的过程,执行匿名函数表达式,结果还是30。
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)
//====================
执函数fn(),
声明局部变量a
第一次显示a值为undefined
赋值a为5
第二次显示为5
a自增1
重定义a,a值不变
执行fn3:
因为fn3不是声明在fn函数内的,a值使用全局变量的a=1
第三次显示a值为1,重赋值全局变量a=200
执行fn2:
因为fn2是声明在fn函数内的,a值仍为局部变量的a=6,第四次显示6
并重新赋值给局部变量a=20
第五次显示局部变量20
fn()函数执行完毕,执行最后一句显示全局变量a的值。
此时a的值是被fn3改过的200,第六次显示200。