一、函数声明和函数表达式有什么区别 ？
答：
- 函数声明：function fn(){}
- 函数表达式：var fn = function(){};
区别：1.函数声明语句不能出现在if语句，while循环和其他任何语句中，表达式则可以；2.函数声明会产生函数的声明前置，因此可以在函数声明之前就调用函数。函数表达式只会产生变量的声明前置，因此在函数表达式之前调用会报错。
二、什么是变量的声明前置？什么是函数的声明前置？
答：
- 变量的声明前置，JavaScript代码在解析时，会首先获取所有被声明的变量（只有变量名，不包含其值），使所有变量的声明语句会提升到代码的头部。
- 函数的声明前置，JavaScript代码在解析时，先获取所有被声明的函数，使函数在执行任何代码之前都可以访问。
三、arguments是什么？
答：rguments 是一个类数组对象，相当于传入的所有函数的集合，可以使用方括号语法访问它的每一个元素。
四、函数的重载怎样实现？
以下是重载的求和函数：
function sum(a,b,c){
var sum =0;
for (var i =0; i<arguments.length; i++){
sum += arguments[i];
}
return sum；
}
五、立即执行函数表达式是什么？有什么作用
(function() {code} (可传入参数) );
(function () {code})(可传入参数);
可以让函数在定义后直接调用，作用是在固有的作用域内使用，不会污染全局变量。
六、什么是函数的作用域链
作用域：指对变量存在的范围，在javascript中存在2种作用域：
（1）全局作用域：在全局作用域定义的变量称为全局变量，全局作用域指变量在整个程序中都存在，所有地方都可以读取；
（2）局部作用域：在里面的定义的变量（需在定义变量的前面加上var，否则该变量会变为全局变量）称为局部变量，它们只函数内部存在；
作用域链的原理是，如果变量在该作用域中没有，则它会逐级向上寻找，直至最顶层
代码问答：
1 以下代码输出什么？
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('hunger',28,'男');
/*
name:hunger
age:28
sex:男
["hunger",28,"男"]
name:valley
*/
getInfo('hunger',28);
/*
name:hunger
age:28
sex:undefined
["hunger",28]
name:vally
*/
getInfo('男');
/*
name:男
age:undefined
sex:undefined
["男"]
name:valley
*/
2 写一个函数，返回参数的平方和？
function sumOfSquares(){
var sum =0;
for(var i=0;i<arguments.length; i++){
sum =sum +arguments[i]*arguments[i];
}
console.log(sum);
}
sumOfSquares(2,3,4); //29
sumOfSquares(1,3); //10
3.如下代码的输出？为什么？
console.log(a); //undefined
var a = 1;
console.log(b); //报错，b is not defined;
/*
由于变量的声明提升，所以在这段代码执行之前，先声明var a,在打印a，在
给a赋值，在打印b，所以有上面的结果。
*/
4 如下代码的输出？为什么？
sayName('world'); //hello world
sayAge(10); //TypeError:undefined is not a function
function sayName(name){
console.log('hello ',name);
}
var sayAge = function(age){
console.log(age);
};
/*
函数声明语句会前置，所以在声明语句之前调用也可以，而函数表达式只是
var sayAge;声明提升了，
此时函数还没有赋给他，还不是函数，所以调用的时候会报错。
*/
5.如下代码的输出？为什么 （难度**）
function fn(){}
var fn = 3;
console.log(fn);//3
/*
变量提升var fn;提升至最前,然后声明fn为函数,再将3赋值fn覆盖了函数。
*/
6 如下代码的输出？为什么？
function fn(fn2){
console.log(fn2);
var fn2 =3;
console.log(fn2);
console.log(fn);
function fn2(){
console.log('fnnn2');
}
}
fn(10）;
输出是：
function fn2(){
console.log('fnnn2');
}
3
function fn(fn2){
console.log(fn2);
var fn2 =3;
console.log(fn2);
console.log(fn);
function fn2(){
console.log('fnnn2');
}
}
原因：
由于变量声明提升和函数声明前置，代码执行顺序会变成这样
7 如下代码的输出？为什么？
var fn = 1;
function fn(fn){
console.log(fn);
}
console.log(fn(fn));
因为fn是1不是函数所以报错
8.如下代码的输出？为什么 （难度**）
console.log(j); //undefined 声明提升，未赋值
console.log(i); //undefined 声明提升，未赋值
for(var i=10; i<10; i++){
var j = 100;
}
console.log(i); //10
console.log(j); //100
9 如下代码的输出？为什么？
fn();
var i = 10;
var fn = 20;
console.log(i);
function fn(){
console.log(i);
var i = 99;
fn2();
console.log(i);
function fn2(){
i = 100;
}
}
输出是：undefined；100；100
原因：第一个输出的是函数里面的第一个console.log(i),i还未赋值；
第二个输出的是函数里面的第二个console.log(i),此时i由于fn2函数以赋
值100；
第三输出的是函数外面的console.log(i)，以被赋值10.
10.如下代码的输出？为什么 （难度*****）
fn();
var i = 10;
var fn = 20;
console.log(i);
function fn(){
console.log(i);
var i = 99;
fn2();
console.log(i);
function fn2(){
i = 100;
}
}
输出结果：10,9,8,7,6,5,4,3,2,0
原因：立即执行函数，n=2时跳出函数,不影响后续代码。
网友评论