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

      如果熟悉js代码执行的过程,这个问题不难理解

    一、变量提升

      ES5中没有块作用域,有全局作用域、局部作用域(函数)等

    // 不声明定义变量
    console.log(name)  //报错,变量没有定义
    
    // 变量提升
    console.log(info) // undefined,不报错
    var info = "hello";
    
    function fun(){
        console.log(a) // undefined,不报错
        var a = 'world'
        console.log(a) // world 
    }
    fun();

    之所以出现这种情况,是因为变量提升导致的;上述过程相当于:

    var info; // 先声明变量,没有赋值
    
    function fun(){
        var a; // 声明变量,没有赋值
        console.log(a) // undefined,不报错
        a = 'world'
        console.log(a) // world 
    }
    
    // 不声明定义变量
    console.log(name)  //报错,变量没有定义声明
    
    // 变量提升
    console.log(info) // undefined,不报错
    info = "hello";
    
    fun();

    二、函数提升

      创建函数有三种方式:

        1.函数声明

        2.函数表达式

        3.使用Function对象创建(不推荐使用)

      只有在“函数声明”方式中,函数才会提升。

      函数提升:执行函数代码时,先执行函数声明;

    // 只有函数声明形式才会函数提升
    sayHello(); // 不会报错,正常执行
    
    function sayHello(){
         console.log("hello !")  
    }
    
    fun(); // 报错(undefined is not a function) ,此时fun是个变量,虽然会变量提升,但在此行值为undefined;undefined不是函数,因此这句报错
    var fun = function(){}

      相当于如下:

    function sayHello(){
         console.log("hello !")  
    }
    
    var fun;
    
    sayHello(); // 不会报错,正常执行
    
    fun(); // 此时fun值为undefined,报typeError
    
    fun = function(){}
  • 相关阅读:
    Ubuntu Java环境变量配置
    Ubuntu 获得超级用户权限
    ubuntu 修改主机名
    NGSQC toolkit
    MySQL 常用命令
    Yii的事件和行为的区别和应用
    YII使用PHPExcel导入Excel文件的方法
    Yii: 扩展CGridView增加导出CSV功能
    YII中使用SOAP一定要注意的一些东西
    Yii 多表关联relations
  • 原文地址:https://www.cnblogs.com/RocketV2/p/6531819.html
Copyright © 2011-2022 走看看