美文网首页
JavaScript的声明变量提升

JavaScript的声明变量提升

作者: 山水木草 | 来源:发表于2019-10-27 19:08 被阅读0次


    首先JavaScript是一种弱类型,动态的,解释型的脚本语言

    弱类型 :类型检查不严格,偏向于容忍隐式类型转换
    强类型:类型检查严格,偏向于不容忍隐式类型转换
    动态类型:运行的时候执行类型检查
    静态类型:编译的时候就知道每个变量的类型
    解释型:程序不需要编译,程序在运行的时候才翻译成机器语言,每执行一次都要翻译一次,因此效率比较低,但是跨平台好
    编译型:程序在执行之前需要一个专门的翻译过程,把程序编译为机器语言的文件,运行时直接使用编译的结果就行了。
    标记语言:标记语言的存在就是用来读取(浏览)的,而其本身是没有行为能力的,在标记语言里你会看到<和>这些尖括号,这是用来写处 层次 和 属性 的,换句话说,它是被动的,并不具备访问者互动的能力
    编程语言:它是具有逻辑性和行为能力,这是主动的,说通俗一点,它是有思想的
    脚本语言:它介于标记语言和编程语言之间,脚本语言不需要编译,可以直接用,由解释器来负责解释。


    JS代码解析原则

    首先JS引擎在读取JS代码时会进行两个步骤,第一步骤是解释,第二个步骤是执行
    所谓解释就是会先通篇扫描所有的js代码,然后把所有的声明提升到顶端,第二步是执行,执行就是操作一类的

    例子1:
    console.log(a);//输出结果 undefined
     var a=10;

    原因:变量提升,把变量声明提升到当前执行环境的最顶端
    上段代码相当于
    var a
    console.log(a)  没有赋值,所以输出undefined
    a=10

    例子2:
    foo();
    function foo(){
     console.log("aaa");
    }

    结果输出:aaa
    原理:函数声明提升,函数声明提升直接把整个函数提到执行环境的最顶端
    相当于
    funciton foo(){
        console.log('aaa')
    }
    foo()
    变量提升只提升函数名,而函数提升会提升整个函数体,注意:函数提升在变量提升上面

    例子3:
    foo();
    var foo = function(){
     console.log("aaa");
    }

    运行结果是:foo is not a function
    原因:还是进行了变量提升
    相当于:
    var foo 
    console.log(foo) //undefined
    foo()// foo is not a funciton
    foo=funciton(){
        console.log('aaa')
    }
    上面代码输出undefined是因为变量提升后没有赋值,因此输出undefined
    输出:foo is not a function
    原因是:js解析遇到foo()时会默认函数来解析

    例子4:
    console.log(foo)
    var foo = 10
    console.log(foo)
    function foo(){
    console.log(10)
    }
    console.log(foo)

    输出结果

    原理相当于:
    function foo(){
     console.log(10);
    }
    var foo;
    console.log(foo);
    foo=10;
    console.log(foo);
    console.log(foo);
    注意:函数提升在变量提升上面,第一个console.log(foo)输出函数体是因为var foo,并
    未有赋值只是声明,因此它会调用上面的值

    例如:
    var b=10;
    b=10;console.log(b); //10 输出上一个值不会输出undefined

    但是更改后
    var b=10
    b=20
    console.log(b)//20 因为b=20提升最上面,代替了b=10

    要牢记,函数提升在变量提升之上

    转载自https://blog.csdn.net/demo_18/article/details/78493489

    相关文章

      网友评论

          本文标题:JavaScript的声明变量提升

          本文链接:https://www.haomeiwen.com/subject/cqlmvctx.html