函数与作用域、函数重载

1.函数声明和函数表达式有什么区别

  • 函数声明可以看作是函数的初始化,我们将给函数传参并建立函数体的表达式,当我门建立完成后,就可以进行函数的表达式了,做法如下:function foo(){}, foo();
  • 函数表达式其实就是创建一个匿名的函数声明并赋值给一个变量,如var foo = function () {}。
  • 区别:
  • 函数声明:不需要放置在函数调用前面
  • 函数表达式:必须将函数放置在函数调用前面

2.什么是变量的声明前置?什么是函数的声明前置

  1. 变量声明的前置:

         console.log(i);
         var i = 1;
    

那么输出的结果将是undefined,因为:

        var i;(因为提前了而且未被赋值).
        console.log(i);
        i =1;(到了这里之前的i才被赋值,再输出一次就为1了)
  1. 是函数的声明前置
    test(1)
    function test(x){console.log(x);}
    输出的结果其实为1;因为function test(x){...}的整个函数已经提前到了test(1)之前。
    但是,值得注意的是,同样的方法,如果使用在函数表达式上的话,其出现的结果往往可能是报错,因为调用在其声明之前,相当于变量声明前置了。

3.arguments 是什么?

  • Arguments是个类似数组但不是数组的对象,说他类似数组是因为其具备数组相同的访问性质及方式,能够由arguments[n]来访问对应的单个参数的值,并拥有数组长度属性length。

4.函数的"重载"怎样实现?

  • javascript不支持函数重载,不能够定义同样的函数然后通过编译器去根据不同的参数执行不同的函数。
    但是javascript却可以通过自身属性去模拟函数重载。
    直接上例子,比较简单的实现方法:
    function calculate() {
    if (arguments.length == 2) {
    return arguments[0] + arguments[1];
    }
    if (arguments.length == 3) {
    return arguments[0] * arguments[1] * arguments[2];
    }
    }

    alert(calculate(1, 3))
    

js函数重载

5.立即执行函数表达式是什么?有什么作用?

  • 立即执行函数就是当我们在定义了函数之后需要立即执行的函数

      function(){ /* code */ }();// SyntaxError: Unexpected token (
    
  • 一般情况下,也许有人认为立即执行函数可能会是这个样子的,但其实为了避免解析上的歧义,JavaScript引擎规定,如果function关键字出现在行首,一律解释成语句。因此,JavaScript引擎看到行首是function关键字之后,认为这一段都是函数的定义,不应该以圆括号结尾,所以就报错了。

  • 所以一般情况下,在写,IIFE的时候要写成:

      (function(){ /* code */ }());
      // 或者
      (function(){ /* code */ })();
    
  • 上面两种写法都是以圆括号开头,引擎就会认为后面跟的是一个表示式,而不是函数定义语句,所以就避免了错误。这就叫做“立即调用的函数表达式”(Immediately-Invoked Function Expression),简称IIFE。

  • 注意,上面两种写法最后的分号都是必须的。如果省略分号,遇到连着两个IIFE,可能就会报错。

  • 推而广之,任何让解释器以表达式来处理函数定义的方法,都能产生同样的效果,比如下面三种写法。

    var i = function(){ return 10; }();
    
    true && function(){ /* code */ }();
    
    0, function(){ /* code */ }();
    
  • 作用:
    通常情况下,只对匿名函数使用这种“立即执行的函数表达式”。它的目的有两个:一是不必为函数命名,避免了污染全局变量;二是IIFE内部形成了一个单独的作用域,可以封装一些外部无法读取的私有变量。

6.求n!,用递归来实现

n!.png

7.以下代码输出什么?

  1. getInfo('饥人谷', 2, '男');

     输出: name:饥人谷、age:2、sex:男、['饥人谷', 2, '男']、name:vally;
    
  2. getInfo('小谷', 3);

     输出: name:小谷、age:3、undefined、['小谷', 3]、name:vally;
    
  3. getInfo('男');

     输出: name:男、undefined、undefined、['男']、name:vally;
    

8.写一个函数,返回参数的平方和?

平方和.png

9.如下代码的输出?为什么

  console.log(a);
  var a = 1;
  console.log(b);
  • 第一个输出为undefined因为变量声明前置原因导致
  • 第二个输出报错(b is not defined),因为没有声明变量

10.如下代码的输出?为什么

  sayName('world');
  sayAge(10);
  function sayName(name){
      console.log('hello ', name);
  }
  var sayAge = function(age){
      console.log(age);
  };
  • sayName('world')输出为hello world,函数声明声明前置原因
  • sayAge(10)输出报错(b is not defined),因为没有声明变量

11.如下代码输出什么? 写出作用域链查找过程伪代码

11.png

12.如下代码输出什么? 写出作用域链查找过程伪代码

12.png

13.如下代码输出什么? 写出作用域链查找过程伪代码

13.png

14.如下代码输出什么? 写出作用域链查找过程伪代码

14.png

15.如下代码输出什么? 写出作用域链查找过程伪代码

  • 所有变量均为全局变量
15.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.函数声明和函数表达式有什么区别 函数就是一段可以反复调用的代码块。函数还能接受输入的参数,不同的参数会返回不同...
    徐国军_plus阅读 501评论 0 0
  • 声明前置和作用域也是JS 部分面试常考点 1.函数声明和函数表达式有什么区别 函数声明:使用function关键字...
    湖衣阅读 211评论 0 0
  • 函数声明和函数表达式有什么区别 (*)解析器会率先读取函数声明,并使其在执行任何代码之前可以访问;函数表达式则必须...
    coolheadedY阅读 402评论 0 1
  • 目录 从零实现ImageLoader(一)—— 架构从零实现ImageLoader(二)—— 基本实现从零实现Im...
    GavinLi369阅读 970评论 0 11
  • 梦蝶 只因, 风的无骨之柔, 你翩翩复翩翩, 飞临我的梦境。 想象的风月, 从万水千山而来, 又复归原始的...
    冰雪幽人阅读 287评论 0 0