JS变量提升和函数提升的顺序

1.变量的提升：

变量名会提升到 ‘当前作用域’ 顶部，此时该变量为undefined，未赋值，赋值是在js原位置。

console.log(a);  // undefined
var a = 10
console.log(a)   // 10

在js解析之后：

var a;
console.log(a);  // undefined
a = 10
console.log(a);  //10

2.函数的提升

A.js函数的类别：

函数声明：function a( ){ };
函数表达式：var a = function( ){ };
匿名函数：function( ){ };
立即执行函数：(function(str){ })(str)

其中：
函数声明存在函数提升
函数表达式等价于变量提升

a();function a(){console.log("a");
};

在解析之后相当于

function a(){console.log("a");
}
a();  // "a"

但是注意函数表达式和上述的函数声明的代码提示方式又不一样了

3.变量提升和函数提升优先级：

A.函数提升优先级高于变量提升

B.当函数声明与变量名相同时，在变量赋值前，函数声明依旧是函数声明，不会被覆盖；当变量赋值后，函数声明被同变量覆盖。

console.log(a);   // ƒ a(){ console.log("函数a"); }
function a(){console.log("函数a");
};
a();              // '函数a'
var a = "变量a";
console.log(a);   // '变量a'
a();              // a is not a function// 输出结果及顺序：
// ƒ a(){ console.log("函数a"); }
// '函数a'
// '变量a'
// a is not a function

函数解析之后相当于：

function a(){console.log("函数a");
};
var a;console.log(a);  // ƒ a(){ console.log("函数a"); }
a();             // '函数a'a = "变量a";     // 此时变量a赋值，函数声明被覆盖console.log(a); // "变量a"
a();            // a is not a function

JS变量提升和函数提升的顺序相关推荐

js中的变量提升和函数提升——精炼版
javaScript中用var定义变量时存在变量提升(ES6及之后的let/const定义变量时为块级作用域无变量提升,ES6之前js没有块级作用域),比如: console.log(a); // 不 ...
JS函数简单的底层原理 -变量重复声明无效，隐式申明，变量提升，函数提升，以及堆栈内存的变化
JS函数简单的底层原理 (个人理解): 1. 已经使用var申明且赋值,若再次申明,则第二次申明(不赋值)无效. 2.在同一个作用域下,只要是发生了同名,且变量完成赋值,后者会覆盖前者.存在两个相同的 ...
js 变量提升与函数提升
规则: 函数的提升优先于变量提升.同名的函数会覆盖同名的函数与变量.同名的变量不会覆盖同名的函数. 示例代码1: <!DOCTYPE html> <html lang="z ...
JS变量（声明）提升和函数声明提升
目录一.概念理解 1.变量声明提升 2.函数声明提升(又叫函数提升) 变量提升和函数提升的优先级小结: 一.概念理解变量提升:在当前作用于中,js代码自上而下执行之前,浏览器会把所有带var/f ...
js高级第一章--变量提升，函数提升
js高级第一章–变量提升,函数提升文章目录前言一.什么是js里的提升? 二.js变量提升三.js函数提升四.特殊情况总结前言在js中,最基本的声明方式有三种,即:var,let,con ...
JavaScript系列文章：变量提升和函数提升
第一篇文章中提到了变量的提升,所以今天就来介绍一下变量提升和函数提升.这个知识点可谓是老生常谈了,不过其中有些细节方面博主很想借此机会,好好总结一下. 今天主要介绍以下几点: 1. 变量提升 2. 函 ...
变量提升以及函数提升
目录例子变量提升函数提升当函数提升遇到变量提升例子 function a(){var b = 10function b(){}console.log(b) } a() 结果是10 funct ...
函数的自执行，变量提升和函数提升
其实之前虽然刚开始学习JavaScript的时候经常看到function add(){}.var add=function(){}.function(){}之类的这种写法,但是具体是什么叫什么却没有 ...
JS中的变量提升和函数提升
console.log(a); var a = 1 如上面代码中可以看出,由于JS是从上到下一行行的执行,因此很多人看到这一串代码的时候,会认为由于log之前没有定义a,因此会输出underfind, ...

JS变量提升和函数提升的顺序

1.变量的提升：

变量名会提升到 ‘当前作用域’ 顶部，此时该变量为undefined，未赋值，赋值是在js原位置。

2.函数的提升

3.变量提升和函数提升优先级：

JS变量提升和函数提升的顺序相关推荐

最新文章

热门文章