vip10-170103

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


  1. 函数声明必须有标识符,也就是常说的函数名;函数表达式可以省略函数名。
    函数声明(要带标识符)
function fnName(arg1, arg2, ...)

函数表达式

  • 省略标识符:
    var variable=function(arg1, arg2, ...)
  • 带有标识符:
    var variable=function functionName(arg1, arg2, ...)
  1. 函数声明会提前
    sayHello();<!-- 函数声明 -->
    function sayHello () {
        alert ('HELLOJIRENGU.');
}
sayHello();<!-- 函数表达式 -->
var sayHello = function () { 
alert ('myname is jrg');
}

即函数声明的话sayTruth()可以提前调用,而函数表达式是什么时候遇到什么时候执行

2:什么是声明前置


变量声明前置就是在js引擎一行一行执行js代码之前,会先对js文件预处理,会把变量声明和函数声明提升到执行环境的顶部,例如

console.log(a);<!--不会报错,只会输出undefined,因为变量声明提升了var a;-->

console.log(a);<!--报错,因为a还没有声明-->

函数声明前置也和变量声明前置一样会提升到执行环境的顶部,但是如果发生命名冲突,函数声明前置的优先级会高于变量声明前置,例如

fn();//输出1,因为函数声明提高了
function fn()  {
   console.log (' 1 ');
}

function a() { 
//body...
}
var a;
typeof a;//'function',因为函数声明前置的优先级更高

3:求n!,用递归来实现


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

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


声明一个匿名函数然后用一对括号讲匿名函数包起来,接着马上调用这个匿名函数。不写的话报错Uncaught SyntaxError: Unexpected token.
作用:一是用于避免变量的全局污染。二来函数内部形成了一个单独的作用域,可以封装一些外部无法读取的私有变量。

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


var x = 10
bar()
function foo() {
   console.log(x)
}
function bar(){ 
var x = 30 
foo() // 10
}
1.globalContext = {
      AO: {
         x: 10
         foo: function() {}
         bar: function() {}
      }   ,
}
foo.[ [scope] ] = globalContext.AO
bar.[ [scope] ] = globalContext.AO

2. fooContext = {
       AO:  {}
       Scope: foo.[ [scope] ] = globalContext.AO
   }
3.barContext ={
   AO: {
           x=30
  }
Scope:bar.[[ scope] ] = globalContext.AO

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


var x = 10;
bar(); //结果是30
function bar(){
      var x =30;
      fuction foo(){
           console.log(x);
      }
      foo();
}
1.globalContext = {
       AO{
              x:10;
              foo:function;
              bar:function;
        }
     scope:null;
}
foo.[ [ scope ] ] = globalContext.AO;
bar.[ [ scope ] ] = globalContext.AO;

2.barContext={
       AO{
             x=30;
             foo:function;
            }
      scope:bar.[[scope]]
   }
      foo.[[scope]]=barContext.AO
3.fooContext={
     AO {}
     scope:foo.[ [ scope ] ]
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容