1.函数声明和函数表达式有什么区别？
函数声明：
function functionName(){ statement; }
函数表达式：
var printName = function(){ console.log('Byron'); };
对于函数声明，js解析器会优先读取（与变量提升类似，整个函数声明也会预先解析
），确保在所有代码执行之前声明已经被解析。而函数表达式，如同定义其它基本类型的变量一样，定义变量名和赋值分两个阶段，定义变量名被提升，函数赋值过程并没有一起被提升。具体表现在，当使用函数声明的形式来定义函数时，可将调用语句写在函数声明之前，而函数表达式，调用语句写函数表达式前面会出错。当声明同一名称的函数和变量时，变量声明在函数声明前面，后面的函数声明会覆盖前面变量的声明。如果一个函数的声明被括号括起来，此时是一个语句，函数声明不会被提升（前置）由于JavaScript的这一怪异的“特性”，我们在函数内部定义变量时，请严格遵守“在函数内部首先申明所有变量”这一规则。最常见的做法是用一个var申明函数内部用到的所有变量
2.什么是变量的声明前置？什么是函数的声明前置 ？
【1】变量前置就是把变量的声明提前到当前作用域的最前面，但变量的赋值仍然按照原来的顺序执行，如果变量声明但未被赋值，变量会自动赋值为undefined。
【2】函数的声明前置有两种情况，一个是使用函数声明，则整个声明都前置，而且会被前置到变量声明的后面；另一个是使用函数表达式，那么规则和变量的声明前置一样。
3.arguments 是什么？
函数中默认的arguments对象是获取的函数在执行中传递进函数的实际参数。arguments只在函数内部起作用，并且永远指向当前函数的调用者传入的所有参数。arguments类似Array但它不是一个Array。即使函数不定义任何参数，arguments还是可以拿到参数的值。arguments常用来检测传递进函数的参数个数。
4.函数的重载怎样实现 ？
静态语言中相同名字的函数，如果其参数个数不同或者参数顺序不同都被认为是不同的函数，称为函数重载。在JavaScript中没有函数重载的概念，函数通过名字确定唯一性，参数不同也被认为是相同的函数，后面的覆盖前面的。JS函数重载用arguments来遍历传递进函数的参数。
5.立即执行函数表达式是什么？有什么作用 ？
函数立即执行，先括号声明函数然后括号调用函数。
（function(){ }）( )(函数声明)（函数调用）或者（function( ){ }( )）
立即执行函数表达式一般不需要给函数命名，因为只需要立刻执行并返回一个结果就行。函数立即执行的作用：
1.不必为函数命名，避免了污染全局变量；
2.IIFE内部形成了一个单独的作用域（因为加了括号成为了一个语句），可以封装一些外部无法读取的私有变量
6.什么是函数的作用域链 ？
【1】在大多数语言中都是用花括号{}来形成一个作用域，俗称块作用域，但是在JavaScript中{ }并没有带来块作用域，JavaScript的作用域是靠函数来形成的，也就是说一个函数内定义的变量函数外不可以访问
【2】函数内声明变量加var代表局部变量，如果函数内声明变量不加var，则声明变量是全局变量。全局作用域的变量实际上是被绑定到window的一个属性。
【3】由于JavaScript的函数可以嵌套，此时，内部函数可以访问外部函数定义的变量，反过来则不行。任何变量（函数也视为变量），如果没有在当前函数作用域中找到，就会继续往上查找，最后如果在全局作用域中也没有找到，则报ReferenceError错误。JavaScript的函数在查找变量时从自身函数定义开始，从“内”向“外”查找。如果内部函数定义了与外部函数重名的变量，则内部函数的变量将“屏蔽”外部函数的变量。
'use strict';
functionfoo() {
var x = 1; functionbar() {
var y = x + 1; // bar可以访问foo的变量x!
}
var z = y + 1; // ReferenceError! foo不可以访问bar的变量y!
}
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('hunger', 28, '男');
getInfo('hunger', 28);
getInfo('男');
输出结果：
getInfo('hunger', 28, '男'); //结果：
name:hunger
age:28
sex:男
["hunger",28,"男"]
name:valley
getInfo('hunger', 28); //结果：
name:hunger
age:28
sex:undefined
["hunger",28]
name:valley
getInfo( '男'); //结果：
name:男
age:undefined
sex:undefined
["男"]
name:valley
8.写一个函数，返回参数的平方和？
functionsumOfSquares(){
var sum=0;
for(var i=0;i<arguments.length;i++){
sum=sum+arguments[i]*arguments[i];
}
return sum;
}
sumOfSquares(2,3,4); // 29
sumOfSquares(1,3); // 10
9.如下代码的输出？为什么？
console.log(a); //undefined 声明变量，变量提升 var a，还未执行赋值，所以a为undefined
var a = 1; //a=1; 执行变量赋值,a=1;
console.log(b); //b is not defined b未声明
10.如下代码的输出？为什么？
sayName('world'); // hello world 以函数声明方式定义函数，函数声明提升，调用函数的语句可写在函数声明语句前
sayAge(10); //sayAge is not a function 以函数表达式方式定义函数，类似变量提升，var sayAge为undefined所以调用函数时提示不是函数functionsayName(name){
console.log('hello ', name);
}
var sayAge = function(age){
console.log(age);
};
11.如下代码的输出？为什么？
functionfn(){} //先变量提升var fn，再函数提升var fn=function(){}，因为同名所以此时函数提升覆盖变量提升，fn为函数
var fn = 3; //fn=3，此时fn的值为3
console.log(fn); //输出3
12.如下代码的输出？为什么？
functionfn(fn2){
console.log(fn2);
var fn2 = 3;
console.log(fn2);
console.log(fn);
functionfn2(){
console.log('fnnn2');
}
}
fn(10)输出结果：
function fn2(){
console.log('fnnn2')
} //先分析参数再分析变量最后分析函数，因为同名，所以函数声明覆盖活动对象中的参数、变量，打印函数fn2
3 //执行fn2=3后 fn2的值为3
function fn(f2){
console.log(fn2);
var fn2 = 3;
console.log(fn2);
console.log(fn);
function fn2(){
console.log('fnnn2');
} //打印函数fn
}
13.如下代码的输出？为什么？
var fn = 1;
functionfn(fn){
console.log(fn);
}
console.log(fn(fn));
输出结果：
fn is not a function
过程分析：首先变量提升，然后函数声明覆盖变量，再执行变量赋值，所以fn值为1，用fn调用函数时会提示非函数。
14.如下代码的输出？为什么？
console.log(j); //函数顺序执行j未定义undefined
console.log(i); //函数顺序执行i未定义undefined
for(var i=0; i<10; i++){
var j = 100; //for循环中改变了i,j的值，i在循环后变为10，每次循环时将j赋值为100
}
console.log(i); //i=10
console.log(j); //j=100
15.如下代码的输出？为什么？
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
10
过程分析：函数顺序执行，先执行fn(),fn中变量i被提升console.log(i)输出undefined，然后i赋值等于99。再执行fn2(),i=100,console.log(i)输出100。最后执行var i=10;fn=20,console.log(i)输出结果为10.
16.如下代码的输出？为什么？
var say = 0;
(function say(n){
console.log(n);
if(n<3) return;
say(n-1);
}( 10 ));
console.log(say);
输出结果是：
10
9
8
7
6
5
4
3
2
0
过程分析：函数被括号括起来，视为语句，整个函数声明不会被前置。先执行var say--say=0--传入参数10开始执行say(n)函数，打印10，9，8，7，6，5，4，3，2，当参数2满足if条件时函数返回--再执行console.log(say)打印0.
网友评论