JS函数

一、问答
1、函数声明和函数表达式有什么区别 （）
函数声明和函数表达式都是声明函数的方法。
函数声明:function+函数名+()+{}
函数表达式是通过声明一个变量，然后赋值函数：var 变量=匿名函数
var printname=function(){console.log('byron');};
二者的区别主要是：
（1）函数声明末尾可加；，可不加，但是函数表达式必须加；
（2）程序执行时，会先获取函数声明声明的函数，再获取变量的声明，变量声明，即函数表达式中的变量声明只是先占据空间，命名，未进行真正的赋值，执行会得到unfidend。
2、什么是变量的声明前置？什么是函数的声明前置 （）
变量的声明前置是指如console.log(a);var a=1;按照正常情况下，从上到下获取所有被声明的变量，然后再依次从上到下赋值，当执行到console.log会报错，但是变量的声明会前置，其实解析过程为：var a;console.log(a);a=1会提示undefined（只是占内存未赋值，类似于有地基，但是没有盖房子）
函数的声明前置：function函数名（）{}声明了一个函数，再程序运行前，提取所有函数声明的函数，之后才正式运行函数。无论函数声明的函数执行语句放在前面还是后面，都能正常执行。
函数表达式，如果函数放前面，表达式放后面，则报错。
3、arguments 是什么 （）
argunments是函数调用的时候会自动生成一个对象，所有的函数都有属于自己的一个argumens对象，定义的参数个数和调用的参数个数没有任何关系。它包括了函数所要调用的参数。是一个类数组，不是一个数组。每个传递进行的参数都有先后顺序之分。
4、函数的重载怎样实现 （）
在js中没有函数的重载，因为相同的函数，如果定义的参数个数不一样，后出现的会覆盖先出现的。通过arguments不管传递多少函数，都可以得到结果，只是传递进来的参数有先后之分。
5、立即执行函数表达式是什么？有什么作用 （*）
立即执行函数：定义一个函数，加个（）就会立即执行，不用需要调用（function nsay(){var i=888;console.log('hello',i)};）()直接输出'hello' 888
作用是：
（1）立即执行函数
（2）函数中的变量与外部环境的变量隔离，防止了变量的命名冲突，形成独立的空间。

6、什么是函数的作用域链 （****）
作用域链：在全局环境下，是访问不到函数内部的变量，但是在函数执行的过程中，函数里面的元素可以执行函数里面定义的局部变量，如果函数里面没有声明，找不到就往父级去找，当函数内部和外部作用域都没有该变量时，会输出undefined。
二、代码
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, '男');
getInfo('hunger', 28);
getInfo('男');

结果 原因

2、写一个函数，返回参数的平方和？如 （难度**）

function sumOfSquares(){
}
sumOfSquares(2,3,4); // 29
sumOfSquares(1,3); // 10

结果

3.如下代码的输出？为什么 （难度*）
console.log(a);
var a = 1;
console.log(b);

只有console。log(a)时.png console.log+赋值.png(由于变量提升 ，显示undefined) 加上未定义.png

4.如下代码的输出？为什么 （难度*）
sayName('world');
sayAge(10);
function sayName(name)
{
console.log('hello ', name); }
var sayAge = function(age){ console.log(age); };

结果 Paste_Image.png

5.如下代码的输出？为什么 （难度**）
function fn(){
}
var fn = 3;
console.log(fn);

结果 原因

6.如下代码的输出？为什么 （难度***）
function fn(fn2){
console.log(fn2);
var fn2 = 3;
console.log(fn2);
console.log(fn);
function fn2(){ console.log('fnnn2'); } } fn(10);

结果 Paste_Image.png

7.如下代码的输出？为什么 （难度***）
var fn = 1;
function fn(fn)
{ console.log(fn); }
console.log(fn(fn));

Paste_Image.png

8.如下代码的输出？为什么 （难度**）
//作用域
console.log(j);
console.log(i);
for(var i=0; i<10; i++)
{ var j = 100; }
console.log(i);
console.log(j);

Paste_Image.png

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; }
}

Paste_Image.png

10.如下代码的输出？为什么 （难度*****）
var say = 0;
(function say(n){
console.log(n);
if(n<3) return;
say(n-1);
}( 10 ));
console.log(say);

Paste_Image.png