美文网首页
js 变量提升和函数提升

js 变量提升和函数提升

作者: 不想起床_9a42 | 来源:发表于2020-05-27 11:01 被阅读0次

在js中只有两种作用域,全局作用域和函数作用域,在ES6之前,js是没有块级作用域。

JavaScript 代码的执行分为两个阶段。第一个阶段在当前词法环境中注册所有的变量和函数声明,简单说就是,解析,解析完成之后,第二个阶段的 JavaScript 执行就开始了!

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

JavaScript 仅提升声明,而不提升初始化。如果你先使用的变量,再声明并初始化它,变量的值将是 undefined。

1:所有的声明都会提升到作用域的最顶上去。

2:同一个变量只会声明一次,其他的会被忽略掉。

3:函数声明的优先级高于变量申明的优先级,并且函数声明和函数定义的部分一起被提升。

变量提升的例子:

num = 6;
var num = 7;
var num;
console.log(num); // 不报错,输出7,也证明了变量只会声明一次,其他的会被忽略。

函数提升的例子:

catName("Chloe");// 即使在声明之前调用依然可以执行,不会报错

function catName(name) {
    console.log("我的猫名叫 " + name);
}

在定义的函数名字和变量名相同的情况下,函数提升优先级高于变量的例子:

func(); // 1
var func;
function func() {
  console.log(1);
}
func = function() {
  console.log(2);
}

输出1,不会输出2。函数声明和变量声明都会被提升,但是需要注意的是函数会先被提升,然后才是变量。

var func;尽管出现在function func()之前,但它是重复的声明,会被忽略,因为函数声明会被提升到普通变量之前。

等同于这样:

function func() {
  console.log(1);
}
func(); // 1
func = function() {
  console.log(2);
}

牢记这三点:

只有声明本身会被提升,而赋值操作不会被提升。

变量会提升到其所在函数的最上面,而不是整个程序的最上面。

函数声明会被提升,但函数表达式不会被提升
————————————————
版权声明:本文为CSDN博主「靠窗、」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_33505829/java/article/details/86158287

相关文章

  • JS中的提升

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

  • js中变量和函数声明的提升

    二 、 js中变量和函数声明的提升

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

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

  • js面试题

    1、js 数据类型 基本数据类型 引用数据类型 2、js 变量和函数声明的提升 在js中变量和函数的声明会提升到最...

  • 深入理解js变量提升和函数提升

    一. 变量提升 这就是变量提升,实际上它的执行顺寻为: 二. 函数提升js中创建函数有两种方式:函数声明式和函数字...

  • 猫眼

    var变量提升,函数声明提升,消除变量声明提升(let); 高阶函数,函数式的编程,柯里化 原型链继承,js面向对...

  • js 函数提升和变量提升

    原文:https://www.cnblogs.com/libin-1/p/6101185.html TEST ! ...

  • js 变量提升和函数提升

    一、变量提升 在es6之前,javascript没有块级作用域(一对花括号{}即为一个块级作用域),只有全局作用域...

  • js 变量提升和函数提升

    在js中只有两种作用域,全局作用域和函数作用域,在ES6之前,js是没有块级作用域。 JavaScript 代码的...

  • ES6学习笔记(ES6标准入门)-----语法一

    js中的变量提升和函数提升 console.log(tmp); #undefined var tmp = 123...

网友评论

      本文标题:js 变量提升和函数提升

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