函数声明和函数表达式有什么区别##
- 函数声明会产生函数的声明前置，因此可以把函数的调用写在函数声明之前；但函数表达式只能产生变量的声明前置，如果把调用放在函数表达式之前则会报错。
- 函数声明语句不能出现在循环、条件判断，或者 try/cache/finally 以及 with 语句中。函数表达式可以出现在 JavaScript 代码的任何地方。
- 函数声明语句之后不加分号；函数表达式语句结尾需加分号。
什么是变量的声明前置？什么是函数的声明前置##
变量声明前置:在解析JavaScript 代码，先获取所有被声明的变量(仅变量名，不包括其值)，然后再逐行运行。这使得所有变量的声明语句都会被提升到代码的头部
函数声明前置:在解析JavaScript 代码，先获取所有被声明的函数，从而使函数在执行任何代码之前都可以访问。
arguments 是什么##
arguments 是一个类数组对象，相当于传入 function 的所有参数的集合。
函数的重载怎样实现##
JavaScript 中没有函数重载的概念，但可以通过以下方法来实现类似效果:
- 以通过处理传入的参数来实现类似重载的效果
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');
- 通过遍历 arguments来实现类似重载的效果
function sum(){
var sum = 0;
for (var i = 0; i < arguments.length; i++) {
sum = sum + arguments[i];
}
return sum;
}
console.log(sum(1,3,5));
立即执行函数表达式是什么？有什么作用##
- 立即执行函数表达式的结构为：(函数定义表达式)函数调用表达式。通过创建一个匿名函数并立即调用执行来实现。
- 作用：
创建作用域,防止命名冲突。
一些库的外层用这种形式包起来防止作用域污染。
运行一些只执行一次的代码。
用闭包保存状态。
什么是函数的作用域链##
作用域链是内部上下文所有变量对象（包括父变量对象）的列表,用来变量查询。在代码执行的过程中，所有用到的变量会在当前作用域中进行寻找，如果找不到，就会往沿着作用域链向上一级进行寻找，一直到全局作用域为止，如果找到便会停止（而不理会上一级是否有同名的变量），如果找不到，就会报错。
代码练习#
以下代码输出什么？###
代码练习.png
写一个函数，返回参数的平方和###
function sumOfSquares(){
var sumOfSquares = 0;
for (var i = 0; i < arguments.length; i++) {
sumOfSquares = sumOfSquares + arguments[i] * arguments[i];
}
return sumOfSquares;
}
sumOfSquares(2,3,4);//29
sumOfSquares(1,3); //10
如下代码的输出？为什么###
sayName('world');//hello world ,函数声明前置
sayAge(10);//报错,非函数,函数表达式相当于变量,当做变量前置处理
function sayName(name){
console.log('hello ', name);
}
var sayAge = function(age){
console.log(age);
};
如下代码的输出？为什么###
function fn(){}
var fn = 3;
console.log(fn);//3,变量覆盖了函数
如下代码的输出？为什么###
代码练习2.png
当函数执行有命名冲突的时候，函数执行时载入顺序是变量、函数、参数
如下代码的输出？为什么###
var fn = 1;
function fn(fn){
console.log(fn);
}
console.log(fn(fn)); //报错 fn为1,不是函数
如下代码的输出？为什么###
console.log(j);//声明未赋值,undefined
console.log(i);//声明未赋值,undefined
for(var i=0; i<10; i++){
var j = 100;
}
console.log(i);//10
console.log(j);//100
如下代码的输出？为什么###
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;
}
}
代码练习3.png
如下代码的输出？为什么###
var say = 0;
(function say(n){
console.log(n);
if(n<3) return;
say(n-1);
}( 10 ));//输出10-2,立即执行函数不影响后续代码
console.log(say);//0
