JS变量提升

作者: 古朋 | 来源:发表于2018-05-30 10:54 被阅读8次

废话不多说,直接看以下例子,代码地址

函数声明和函数表达式

a()
function a(){
    console.log('a');
}
b()
var b = function (){
    console.log('b')
}
//a
//Uncaught TypeError: b is not a function

很明显,这个大家都知道这个答案,就是很常见的作用域提前,我们下面来解析下上面的例子。其实上面的例子等价于:

var a = function (){
    console.log('a')
}
var b;
a()
b()
b = function(){
    console.log('b')
}

变量作用域提升(仅考虑局部变量)

a()
var a = 1;
function a(){
  console.log('a')
}
a();
//a
//Uncaught TypeError: a is not a function

等价于下面的代码

var a;
a = function(){
    console.log('a')
}
a()
a = 1;
a()

到这里大家应该都明白了

相关文章

  • JS中的提升

    JS中包含两种提升,变量提升和函数提升。 变量提升 变量提升只能是var或者function声明的变量或者函数,l...

  • 浏览器学习笔记-JS执行

    变量提升 变量提升原理浏览器对js是先编译后执行,在编译过程中,js中的变量声明会被提升到代码段落前面。函数声明和...

  • JavaScript 大纲

    js 语法基础 JavaScript 介绍 js 输出 注释 变量,变量声明提升,全局变量,常量 7 大数据类型 ...

  • Javascript 变量执行过程 和 数组 & 对象的区别

    变量提升 JS执行过程1. 先提升(先提升函数,再提升变量,如果名字一样,变量提升会覆盖函数提升)2. 再执行,如...

  • 变量提升和函数提升

    JS不像C语言,C语言是先声明后使用,否则会报错。但JS中,有变量提升现象,可以先使用后声明。 JS存在变量提升,...

  • 前端经典面试题合集(一)

    1.谈谈变量提升 考察点:js基础知识,js执行机制,变量的提升答:执行js代码时,会生成执行环境,在函数中的代码...

  • 变量声明提升

    变量声明提升是JS中一个基础的问题,同时也是对JS词法作用域认识的一个提升。在JS面试题中,关于变量声明提升的问题...

  • JS变量提升

    废话不多说,直接看以下例子,代码地址: 函数声明和函数表达式 很明显,这个大家都知道这个答案,就是很常见的作用域提...

  • js变量提升

    JavaScript的函数在查找变量时从自身函数定义开始,从“内”向“外”查找。如果内部函数定义了与外部函数重名的...

  • js变量提升

    对于大多数js开发者来说,变量提升可以说是一个非常常见的问题,但是可能很多人对其不是特别的了解。所以在此,我想来讲...

网友评论

    本文标题:JS变量提升

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