函数

问答

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

    函数声明用指定的参数声明一个函数,必须有函数名称,可在函数声明之前使用函数 函数表达式可省略函数名称创建匿名函数

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

    javascript的变量声明具有hoisting机制,JavaScript引擎在执行的时候,会把所有变量的声明都提升到当前作用域的最前面,但是并未进行下面的判断,所以未赋值。 函数的声明前置是指将整个被定义的函数提升,此时这个函数是有意义的,可以被调用的。

  3. arguments是什么?

    arguments对象不能显式创建,arguments对象只有函数开始时才可用。获得该函数所有传入参数。

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

    重载是很多面向对象语言实现多态的手段之一,在静态语言中确定一个函数的手段是靠方法签名----函数名+参数列表,也就是说相同名字的函数参数个数不同或者顺序不同都被认为是不同的函数,称为函数重载 在JavaScript中,函数调用没必要把所有参数都传入,只要你函数体内做好处理就行,但前提是传的参数永远被当做前几个

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

立即执行函数常用写法
(function(){ /* code */ }())
(function(){ /* code */ })()

作用

  1. 隔离作用域

  2. 省下执行语句

  3. 省略函数名臣以冥函数执行

  4. 什么是函数的作用域链? 在大多数语言中都是用花括号{}来形成一个作用域,俗称块作用域,avaScript的作用域是靠函数来形成的,也就是说一个函数内定义的变量函数外不可以访问

代码

  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, '男');
    /*name:huanger
    age:28
    sex:男
    arguments[3]
    name valley */
  getInfo('hunger', 28);
    /* name:huanger
    age:28
    sex:undefined
    arguments[2]
    name valley */
  getInfo('男');
    /* name:huanger
    age:undefined
    sex:undefined
    arguments[1]
    name valley */
  1. 写一个函数,返回参数的平方和?
    function sumOfSquares() {}
    sumOfSquares(2, 3, 4); // 29
    sumOfSquares(1, 3); // 10

    function sumOfSquares() {
        var sumOfSquares = 0;
        for (var i = 0; i < arguments.length; i++) {
            sumOfSquares = sumOfSquares + arguments[i] * arguments[i];
        }
        return sumOfSquares
    }
    console.log(sumOfSquares(2, 3, 4));
    console.log(sumOfSquares(1, 3));
  1. 如下代码的输出?为什么
  console.log(a);
  // undefined 声明前置,但是没有赋值;
  var a = 1;
  console.log(b);
  // b is not defined 没有声明;
  1. 如下代码的输出?为什么
  sayName('world');
  sayAge(10);

  function sayName(name) {
      console.log('hello ', name); // hello world,
  }
  var sayAge = function(age) {
      console.log(age); // sayAge is not a function,
  };

  /* 函数sayName提前,执行sayName('world'), 
  执行sayAge(10), 因为var sayAge = function(age) {console.log(age);}
  为函数表达式,作为一个变量, 因此sayAge函数未声明。*/
  1. 如下代码的输出?为什么
  function fn() {}
  var fn = 3;
  console.log(fn); //3

  // console.log(fn)打印fn,var fn=3;对fn进行声明且赋值为3
  1. 如下代码的输出?为什么
  function fn(fn2) {
      console.log(fn2);
      var fn2 = 3;
      console.log(fn2);
      console.log(fn);

      function fn2() {
          console.log('fnnn2');
      }
  }
  fn(10);

  转换为

  function fn(fn2) {
      var fn2;

      function fn2() {
          console.log('fnnn2');
      }
      console.log(fn2); // 打印函数fn2
      var fn2 = 3;
      console.log(fn2); // 3
      console.log(fn); // 打印函数fn
  }
  1. 如下代码的输出?为什么
  var fn = 1;

  function fn(fn) {
      console.log(fn);
  }
  console.log(fn(fn)); // fn is not a function

  声明前置转换为
  var fn;
  function fn(fn) {
      console.log(fn);
  }
  fn = 1;
  console.log(fn(fn)); //故fn不是函数,报错
  1. 如下代码的输出?为什么
  console.log(j); //underfined,未定义
  console.log(i); //underfined,未定义
  for (var i = 0; i < 10; i++) {
      var j = 100;
  }
  console.log(i); // 10
  console.log(j); // 100

  /* 因为for循环中var i=0,var j=100定义且赋值了i,j,
  且在执行这个赋值语句的时候,会沿着作用域链寻找名字叫做i,j的变量,
  一直找到作用域链的顶端还没有找到,于是给window添加一个属性i,j然后赋值。 */
  1. 如下代码的输出?为什么
  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;
      }
  }
  // 声明前置后
  var i;
  var fn;

  function fn() {
      var i;

      function fn2() {
          i = 100;
      }
      console.log(i); //underfined,未赋值
      i = 99;
      fn2();
      console.log(i); //100, 执行function fn2(){ i = 100; }后
  }
  fn();
  var i = 10;
  var fn = 20;
  console.log(i); //10, var i=10赋值
  1. 如下代码的输出?为什么
  var say = 0;
  (function say(n) {
      console.log(n);
      if (n < 3) return;
      say(n - 1);
  }(10));
  console.log(say);

  转换后
  var say;

  function say(n) {
      console.log(n);
      if (n < 3) return;
      say(n - 1);
  }(10);
  (function say(n) {
      console.log(n);
      if (n < 3) return;
      say(n - 1);
  }(10));
  var say = 0;
  console.log(say);
  // 10 9 8 7 6 5 4 3 2 0
  /* 函数function say() {}
  立即执行当n < 3 停止并返回数据, 根据函数打印10 9 8 7 6 5 4 3 2
  var say = 0 赋值, 打印say, 0。*/

本教程版权归本人和饥人谷所有

你可能感兴趣的:(函数)