JavaScript学习笔记

JavaScript代码在执行前会将所有的声明移动到各自作用域的最顶端，这个过程叫做提升。

1. 需要记住的几条规则：

函数声明优先提升，然后才是变量声明。
重复的变量声明会被忽略。
重复的函数声明，后面的声明会覆盖前面的声明。
let 和 const 声明的变量存在暂时性死区（temporal dead zone，简称 TDZ）

使用let或const命令声明变量之前，该变量都是不可用的。

2. 例子：

变量声明提升

console.log(bar)   // undefined
var bar = 1
console.log(bar)  // 1/*提升后*/var bar
console.log(bar)
bar = 1
复制代码

函数声明提升

foo()   // fuck oriented object
function foo() {console.log('fuck oriented object')
}/*提升后*/function foo() {console.log('fuck oriented object')
}
foo()
复制代码

函数表达式提升

foo()   // 报错 ： foo is not a function
var foo = function () {console.log('fuck oriented object')
}/*提升后*/var foo
foo()
foo = function () {console.log('fuck oriented object')
}
复制代码

函数声明优先

foo()   // fuck oriented object
var foo = 1
function foo() {console.log('fuck oriented object')
}
console.log(foo)  // 1/*提升后*/
function foo() {console.log('fuck oriented object')
}
var foo
foo()
foo = 1
复制代码

重复的变量声明会被忽略

foo()  // 2
var foo
function foo() {console.log(1)
}
foo = function () {console.log(2)
}/*提升后*/function foo() {console.log(1)
}
foo()
foo = function () {console.log(2)
}
复制代码

重复的函数声明，后面会覆盖前面的

fn()  // 2
function fn() {console.log(1)
}
function fn() {console.log(2)
}
复制代码

let 和 const 命令声明的变量存在暂时性死区

console.log(bar)   //  报错 bar is not defined
const bar = 1
复制代码

console.log(foo)  // 报错 foo is not defined
let foo = 2
复制代码

至于let和const声明的变量存不存在提升推荐看下这篇文章：我用了两个月的时间才理解 let

转载于:https://juejin.im/post/5b90d202f265da0ab5035918

JavaScript学习笔记 - 提升相关推荐

JavaScript:学习笔记(7)——VAR、LET、CONST三种变量声明的区别
JavaScript:学习笔记(7)--VAR.LET.CONST三种变量声明的区别 ES2015(ES6)带来了许多闪亮的新功能,自2017年以来,许多JavaScript开发人员已经熟悉并开始使用 ...
JavaScript学习笔记（三）---事件、正则表达式、ES6、运动
JavaScript学习笔记(三)---事件.正则表达式.ES6.运动 27.insertbefore 28.滚动条及事件 29.事件及事件对象 30.鼠标事件对象的属性 31.案例:图片随鼠标移动 ...
JavaScript学习笔记（一）－Learning Advanced JavaScript
JavaScript学习笔记 (一)- Learning Advanced JavaScript Learning Advanced JavaScript #2: Goal: To be able t ...
JavaScript学习笔记一
JavaScript学习笔记 1. 介绍 2. 基础语法输入输出变量数据类型简单数据类型复杂数据类型类型转换 3. 运算算术运算符递增递减运算符比较运算符逻辑运算符赋值运算符运 ...
千锋JavaScript学习笔记
千锋JavaScript学习笔记文章目录千锋JavaScript学习笔记写在前面 1. JS基础 1.1 变量 1.2 数据类型 1.3 数据类型转换 1.4 运算符 1.5 条件 1.6 循环 ...
Java程序猿的JavaScript学习笔记（12——jQuery-扩展选择器）
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
Java程序猿的JavaScript学习笔记（汇总文件夹）
最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...
JavaScript学习笔记（五）
JavaScript学习笔记(五) ①Array类本地对象 ②Date类 ①Global对象对象的类型内置对象 ②Math对象宿主对象今天继续学习JS中的对象,昨天内置对象Global对 ...
JavaScript学习笔记（备忘录）
JavaScript学习笔记(备忘录) ===运算符判断数值和类型是否相等.如: console.log('s'==='s') //输出trueconsole.log('1'===1) //输出fa ...
Java程序猿的JavaScript学习笔记（10—— jQuery-在“类”层面扩展）
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

JavaScript学习笔记 - 提升

1. 需要记住的几条规则：

2. 例子：

JavaScript学习笔记 - 提升相关推荐

最新文章

热门文章