zoukankan      html  css  js  c++  java
  • JavaScript 变量提升

    变量提升(Hoisting):在ES6之前,函数声明变量声明总是被JavaScript解释器隐式地提升(hoist)到包含他们的作用域的最顶端。

    注意: 1. JavaScript 仅提升声明,而不提升初始化。2. ES6 中不存在变量提升的概念。
    

    1. 变量提升

    变量未声明:

    function fn () {
        console.log(name);
    }
    fn(); // 报错: ReferenceError: name is not defined
    

    变量在使用后声明:

    function fn () {
        console.log(name);; // undefined
        var name;
    }
    fn();
    

    变量在使用后声明并初始化:

    function fn () {
        console.log(name);; // undefined
        var name = 'cedric';
    }
    fn();
    

    上面函数等效于下面:

    function fn () {
        var name;
        console.log(name);; // undefined
        name = 'cedric';
    }
    fn();
    

    2. 函数表达式的提升

    function fn () {
        console.log(fn2);; // undefined
        console.log(fn2());; // 报错  Error: fn2 is not a function
        var fn2 = function() { };
    }
    fn ();
    

    可见,在一个函数表达式声明前,可以访问其函数名,但是调用此函数会报错!!

    3. 函数声明的提升

    function fn () { 
        console.log(fn2); // fn2() {console.log('console in fn2');} 
        fn2(); // console in fn2
        function fn2() { 
            console.log('console in fn2');
        };
    }
    fn ();
    

    在函数声明前,既可以访问函数名,也可以调用此函数。

    4. 易错

    var a = 1;
    function fn() {
    	console.log( a);  // undefined
    	var a = 2;
    }
    fn();
    
    var a = 1;
    function fn() {
    	console.log( a);  // 1
    	a = 2;
    }
    fn();
    
    var a = 1;
    function fn() {
        if (!a) {
            var a = 2;
        }
        console.log( a);  // 2
    }
    fn();
    
    var a = 1;
    function fn() {
        if (!a) {
            a = 2;
        }
        console.log( a);  // 1
    }
    fn();
    
  • 相关阅读:
    Python基础篇(七)
    RMI基础
    Python基础篇(五)
    装饰模式
    一些linux知识和http知识
    mysql统计一个库里面的表的总数
    关于phpmailer邮件发送
    Jenkins是什么?
    Android开发——JVM、Dalvik以及ART的区别【转帖】
    好记性不如烂笔头--linux学习笔记9练手写个shell脚本
  • 原文地址:https://www.cnblogs.com/cckui/p/10032698.html
Copyright © 2011-2022 走看看