zoukankan      html  css  js  c++  java
  • js的变量提升和函数提升

    原文说是深入理解,但是写的很简单,233,原文链接:http://www.cnblogs.com/kawask/p/6225317.html,我这里加了点解释,所以就不标明是纯转载文章了,233

    ----------------------------------------------------------------------------------------------------------------

    一、变量提升

      在ES6之前,JavaScript没有块级作用域(一对花括号{}即为一个块级作用域),只有全局作用域和函数作用域。变量提升即将变量声明提升到它所在作用域的最开始的部分。上个简历的例子如:

    console.log(global); // undefined
    var global = 'global';
    console.log(global); // global
     
    function fn () {
      console.log(a); // undefined
      var a = 'aaa';
      console.log(a); // aaa
    }
    fn();

    之所以会是以上的打印结果,是由于js的变量提升,实际上上面的代码是按照以下来执行的:

    var global; // 变量提升,全局作用域范围内,此时只是声明,并没有赋值
    console.log(global); // undefined
    global = 'global'; // 此时才赋值
    console.log(global); // 打印出global
     
    function fn () {
      var a; // 变量提升,函数作用域范围内
      console.log(a);
      a = 'aaa';
      console.log(a);
    }
    fn();

    二、函数提升

    js中创建函数有两种方式:函数声明式和函数字面量式。只有函数声明才存在函数提升!如:

    console.log(f1); // function f1() {}   
    console.log(f2); // undefined  
    function f1() {}
    var f2 = function() {}

    只所以会有以上的打印结果,是由于js中的函数提升导致代码实际上是按照以下来执行的:

    function f1() {} // 函数提升,整个代码块提升到文件的最开始<br>     console.log(f1);   
    console.log(f2);   
    var f2 = function() {}

    结语:基本上就是这样,要熟练掌握的话可以多做些练习,test:

    console.log(f1()); 
    console.log(f2);   
    function f1() {console.log('aa')}
    var f2 = function() {}
    (function() {
      console.log(a);
      a = 'aaa';
      var a = 'bbb';
      console.log(a);
    })();

    原文没给结果,我这里再解释下:

    第一个test,

    aa
    undefined
    undefined

    因为函数声明式提升,第三行提到了第一行,运行先输出aa,但是这两个函数都没有返回值,当然就是undefined。

    第二个test,

    undefined
    bbb

    这个是个闭包,但在这里没什么用,执行顺序还是

    (function() {
        var a;
      console.log(a);
      a = 'aaa';
       a = 'bbb';
      console.log(a);
    })();
  • 相关阅读:
    JAVA基础——编程练习(二)
    JAVA基础——面向对象三大特性:封装、继承、多态
    JVM内存
    50. Pow(x, n) (JAVA)
    47. Permutations II (JAVA)
    46. Permutations (JAVA)
    45. Jump Game II (JAVA)
    43. Multiply Strings (JAVA)
    42. Trapping Rain Water (JAVA)
    41. First Missing Positive (JAVA)
  • 原文地址:https://www.cnblogs.com/zhangmingzhao/p/7712124.html
Copyright © 2011-2022 走看看