美文网首页
js的变量提升

js的变量提升

作者: 泉泉泉泉泉泉 | 来源:发表于2019-06-17 17:30 被阅读0次

举个荔枝:

function test() {
  a = 5;
  console.log(a);
  console.log(global.a); // node 环境
  var a = 10;
  console.log(a);
}
test();

输出结果:

5
undefined
10

再举个荔枝:

function test2() {
  function a() {}
  var a;
  console.log(a);                //打印出a的函数体

  var b;
  function b() {}
  console.log(b);                 //打印出b的函数体 

  // !注意看,一旦变量被赋值后,将会输出变量
  var c = 12
  function c() {}
  console.log(c);                 //12
  
  function d() {}
  var d = 12
  console.log(d);                //12
}
test2();

输出结果:

[Function: a]
[Function: b]
12
12

总结:变量解析的顺序

一般情况下,会按照最开始说的四种方式依次解析

  • 语言内置
  • 形式参数
  • 函数声明
  • 变量声明

也有例外:

  • 内置的名称arguments表现得很奇怪,看起来应该是声明在形参之后,但是却在声明之前。这是说,如果形参里面有arguments,它会比内置的那个优先级高。所以尽可能不要在形参里面使用arguments;
  • 在任何地方定义this变量都会出语法错误
  • 如果多个形式参数拥有相同的名称,最后的那个优先级高,即便是实际运行的时候它的值是undefined;

相关文章

  • JS中的提升

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

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

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

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

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

  • 变量声明提升

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

  • JavaScript 大纲

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

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

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

  • 变量提升和函数提升

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

  • js 中 var 与 let 的区别

    js 中,如果用 var 来定义变量,那么会出现就会出现变量提升。 变量提升的概念:所有变量的声明语句都会被提升到...

  • javascript中的变量提升

    javascript(以下称js)中的变量提升是我们经常会遇到的问题。 变量提升,顾名思义就是将后面的变量提升至作...

  • JS变量提升

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

网友评论

      本文标题:js的变量提升

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