我的前端学习笔记15——函数

1，函数声明和函数表达式有什么区别 （*）

• 形式不同

1， 函数声明：

函数声明 example

2，函数表达式：

函数表达式 example

• 分号结尾

2，什么是变量的声明前置？什么是函数的声明前置 （**）

• 变量的声明前置：
  浏览器的工作原理是先将文件整体解析，将变量先挑出来放到前面，然后再逐行逐句进行渲染解析。这就使变量的声明被放到最前面。

上图中的undefined就是由于变量先被提前，但是没有赋值，因此出现undefined提示。即浏览器端认为是这样：

• 函数的声明前置：
  同变量的声明前置原理一样，函数在被渲染时，同样会先被前置到开头，之后再逐句解析展示。即：

  
  
  

• 需要注意的是：如果我们使用函数声明的方式，那么即使函数写在最后也可以在前面语句调用，前提是函数声明部分已经被下载到本地。

但是函数表达式的情况则不可以，必须要放在其后才会生效。

放在之前

无效

放在之后

生效

既有变量声明，又有函数声明，先提前变量声明，之后函数声明，函数声明覆盖变量声明！

3，arguments 是什么 （*）

• arguments 是一个类数组对象。代表传给一个function的参数列表。

1. 你可以在函数内部通过使用 arguments对象来获取函数的所有参数。

2. 参数也可以被重新赋值。

4.png

3. arguments对象并不是一个真正的Array，它类似于数组，但没有数组所特有的属性和方法，除了 length。
4. arguments对象仅在函数内部有效，在函数外部调用 arguments 对象会出现一个错误。

• MDN官方解释

4，函数的重载怎样实现 （**）

• 重载定义：当一个函数被定义，如果需要增减变量，后来的函数和原来的同样生效，这就是重载。但是重载不适用与JAVAscript。举例如下：

后面的三组覆盖了前面的两组

• JS实现重载方法如下：

5，立即执行函数表达式是什么？有什么作用 （***）

• 立即执行函数表达式：

给函数外加一个括号，然后结尾再加一个括号。

• 作用：

1. 可以立刻执行函数，不需要重新调用一次；
2. 形成封闭作用域，生成局部变量。执行完之后，里面的变量会被销毁。
3. 见下图：

6，什么是函数的作用域链 （****）

• 作用域：

1. 全局作用域：
   1.最外层函数和最外层函数外面定义的变量拥有全局作用域；
   2.所有未定义直接赋值的变量自动声明为拥有全局作用域；
   3.所有Window对象拥有全局作用域；
2. 局部作用域：
   1.一般来说，在函数里被声明的变量拥有局部作用域。

tip:

1. 任何一个地方出现 i = 100
   浏览器是这么看 i 在哪定义的
   1 看当前函数里有没有声明过 i
   2 看当前函数外面的函数有没有声明过 i
   3 看当前函数外面函数的外面函数有没有声明过 i
   4 。。。
   5 如果都没有，那么就认为是全局变量
   2.** 哪里被声明，变量就属于哪里。而不是赋值。**如下图：

图中结果分别为100；100；99。
第一个是在函数内，i只是被赋值，因此这里的i属于上层中的var i，但是内层可以引用外层变量，因此第一个为100；
第二个为100是因为本层中var i=100；
第三个为99是因为重新给本层var i赋值为99；

• 作用域链：代码在执行的过程中，函数可以使用函数内定义的变量，如果函数里没有声明变量，就访问作用域外的全局变量。

• 补充知识点：
  在一个函数中，如果声明变量加var则为局域变量。如果没加var则为全局变量 ，此时相当于Window.加变量。

代码题

1.以下代码输出什么？ （难度**）

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

• 结果：

3.如下代码的输出？为什么 （难度*）

• 等同于：

• 结果：
  undefined；
  Uncaught ReferenceError: b is not defined；

4.如下代码的输出？为什么 （难度*）

• 等同于：

• 结果：
  hello world；
  Uncaught ReferenceError: b is not defined；

5.如下代码的输出？为什么 （难度**）

• 等同于

• 结果：
  3；

6.如下代码的输出？为什么 （难度***）

• 等同于：

• 结果：

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');
}
}
fn(10);

7.如下代码的输出？为什么 （难度***）

• 等同于：

• 结果：
  Uncaught TypeError: fn is not a function(…)

8.如下代码的输出？为什么 （难度**）

8.png

• 等同于：

• 结果：
  undefined；
  undefined；
  10；
  100；

9.如下代码的输出？为什么 （难度****）

• 等同于：

  var i;
  var fn;
  function fn(){
  var i;
  function fn2(){
  i = 100;
  };
  console.log(i);//undefined;
  i = 99;
  fn2();
  console.log(i);//100;
  }
  fn();
  i = 10;
  fn = 20;
  console.log(i);//10
  -结果：
  undefined；
  100；
  10；

10.如下代码的输出？为什么 （难度*****）

• 结果：
  依次输出：10,9,8,7,6,5,4,3,2,0括号内是一个立即执行函数，创建了一个独立的作用域，这个作用域里的变量，外面访问不到。第一次传入参数10，打印10，由于n=10不满足条件(n<3)，于是执行函数say(n-1)，打印9,接着是8,7…3,2，当n=2时，满足条件(n<3)，于是跳出函数，执行console.log(say);打印0。