进阶-任务3

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

  • 函数声明
function print(s) {
  console.log(s);
}

函数声明命名了一个叫做print的函数,以后使用print()就可以调用这个函数。

  • 函数表达式
var print = function(s) {
  console.log(s);
};

函数的表达式需要在语句的结尾加上分号,表示语句结束。

  • 区别
    所以采用function命令声明函数时,整个函数声明会被提升到代码头部,因此函数调用在函数声明前面是允许的;
    但是如果使用函数表达式则会报错,因为使用函数表达式相当于以下代码:
var f;
f();
f = function () {};

调用函数f时,f只是被声明了还没有被赋值,因此会报错

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

  • 变量的声明前置:
    JavaScript引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,这就叫做变量提升(hoisting)。
  • 函数的声明前置:
    JavaScript引擎将函数名视同变量名,所以采用function命令声明函数时,整个函数会像变量声明一样,被提升到代码头部。

arguments 是什么

arguments对象是一个类数组对象,包含了函数运行时的所有参数,arguments[0]就是第一个参数,arguments[1]就是第二个参数,以此类推。这个对象只有在函数体内部,才可以使用。

函数的"重载"怎样实现

可以在一个函数里面使用条件分支来实现不同的函数功能

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

JavaScript引擎规定,如果function关键字出现在行首,一律解释成语句。
若果不让function出现在行首,让引擎将其理解成一个表达式,就可以立即执行该函数。
如:

(function(){ /* code */ })();

作用:

  • 使用匿名函数立即执行函数表达式,不必为函数命名,避免了污染全局变量;
  • 是IIFE内部形成了一个单独的作用域,可以封装一些外部无法读取的私有变量。

求n!,用递归来实现

function f(n) {
    if (n === 1) {
        return n;
    }
    return n * f(n-1);
}
f(3);

以下代码输出什么?

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('饥人谷', 2, '男');  
/*
name:饥人谷
age:2
sex:男
['饥人谷', 2, '男']
name valley
*/
getInfo('小谷', 3);
/*
name:小谷
age:3
sex:undefined
['小谷', 3']
name valley
*/
getInfo('男');
/*
name:男
age:undefined
sex:undefined
['男']
name valley
*/

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

function sumOfSquares(){
    var n = arguments.length;
    var sum = 0;
    var temp = 0;
    for (var i=0; i<n; i++) {
        temp = parseInt(arguments[i])
        sum += temp * temp;
    }
    return sum;
}
var result = sumOfSquares(2,3,4);
var result2 = sumOfSquares(1,3);
console.log(result);  //29
console.log(result2);  //10

如下代码的输出?为什么

console.log(a);  // undefined
var a = 1;
console.log(b);  // error

a变量提升,未赋值,为undefined
b变量为声明,报错

如下代码的输出?为什么

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

sayAge是函数表达式,不存在函数声明提升,所以调用sayAge时函数还未赋值,所以报错。

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

1. 
globalContext = {
    AO: {
        x: 10,
        foo: function,
        bar: function
    }   
}
foo.[[scope]] = globalContext.AO;
bar.[[scope]] = globalContext.AO;

2.
barContext = {
    AO: {
        x: 30,
    },
    scope: bar.[[scope]]
}

3.
fooContext = {
    scope: foo.[[scope]]
}

输出10

以下代码输出什么? 写出作用域链的查找过程伪代码

1.
globalContext = {
  AO: {
    x: 10
    bar: function
  }
}
bar.[[scope]] = globalContext.AO
2.
barContext = {
  AO: {
    x: 30,
    foo: function
  },
  Scope: bar.[[scope]] //globalContext.AO
}
foo.[[scope]] = barContext.AO
3.
fooContext = {
  AO: {},
  Scope: foo.[[scope]] // barContext.AO
}

输出30

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

1.
globalContext = {
    AO: {
        a: 200,
        fn: function,
        fn3: function
    }
}
fn.[[scope]] = globalContext.AO;
fn3.[[scope]] = globalContext.AO;
2.
fnContext = {
    AO: {
        a: 20,
        fn2: function
    },
    scope: fnContext.[[scope]]
}
fn2.[[scope]] = fnContext.AO;
3.
fn3Context = {
    AO: {},
    scope: fn3Context.[[scope]]
}
4.
fn2Context = {
    AO: {},
    scope: fn2Context.[[scope]]
}

输出 1 5 1 6 20 200

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

推荐阅读更多精彩内容