1、es5的声明方式var的问题

  1)是var在同一个作用域内部,是可以重复声明一个变量的,后面的会把前面的覆盖掉

  2)var存在变量提升到的问题,就是在使用var声明变量前是可以先使用此变量的

2、let与var的不同的特点

  1)let不能重复声明

  2)let是不存在变量提升

  3)块级作用域存在暂存死区(即这个区域不能存在同名的变量了,已经是将这个区域与这个变量绑定了)

  在es5中if的括号不是一个块级作用域,所以下面的例子中的打印是执行的

if ( false ){
var lagev = 'jkgba';
}
console.log(lagev);//undefined 类似于下面:
var lagev ;
if ( false ){
lagev = 'jkgba';
}
console.log(lagev); 但是使用let声明时,是存在块级作用域的,只能在作用域内部访问
if ( false ){
let lagev = 'jkgba';
}
console.log(lagev);//报错,未定义

另外一个是在for循环的例子

for(var i=0; i<3; i++){
//....
}
console.log(i) ; //此时打印出i是为3的,因为var声明的 i 是一个全局变量,每次循环都会使用同一个 i 而使用let做循环时,每次的循环体都是一个块级作用域,每次的循环都会重新声明一个块级作用域内的变量 i,并且会把上一次的值作为下次声明的初始值,,即每次循环的i值是和当前的循环体绑定的
for( let i=0; i<3; i++){
document.addEventListener('click',function(){
alert(i); //此时的 i 就是0、1、2了
})
} 这个问题如果使用es5中的var来实现的话,就需要使用闭包了,把每次的i值保存下来,实际上使用let进行编译之后也是用的闭包实现的,所以let的性能可能会比var差一些,
不过现在Chrome的V8引擎性能很强大,并且还在不断的做优化

3、es6中新增了声明常量

  声明赋值之后不能改变,并且特性是同let

  const ULIR = 10;

  ULIR = 2; //此时会报错,类型错误

  一般项目中是用于引入模块,不希望再改变的

1、ES6声明变量的方式的更多相关文章

  1. ECMAScript 6 入门——ES6 声明变量的六种方法

    ES6 声明变量的六种方法 ES5 只有两种声明变量的方法:var命令和function命令.ES6 除了添加let和const命令,后面章节还会提到,另外两种声明变量的方法:import命令和cla ...

  2. JavaScript 一、 ES6 声明变量,作用域理解

    // JavaScript/* * ========================================================= * * 编译原理 * 尽管通常将 JavaScr ...

  3. ES6 声明变量的6种方法

    ES5 只有两种声明变量的方法:var命令和function命令. ES6除了添加let和const命令,后面章节还会提到,另外两种声明变量的方法:import命令和class命令.所以,ES6 一共 ...

  4. ES6 声明变量的六种方法

    ES5 只有两种声明变量的方法: var 命令和 function 命令. ES6 除了添加 let 和 const 命令, 后面章节还会提到, 另外两种声明变量的方法: import 命令和 cla ...

  5. 【ES6 】声明变量的方式

    var function let const import class

  6. es6 新增变量声明方式

    let 与 var var var声明的变量拥有全局作用域或者局部作用域 在全局中声明变量即为全局变量 在函数中声明变量即为局部变量 而var在使用过程中也逐渐暴露出许多问题 var的几大问题 变量提 ...

  7. IOS OC声明变量在@interface括号中与使用@property的区别

    方式一:直接在@interface中的大括号中声明. @interface MyTest : NSObject{ NSString *mystr; } 方式二:在@interface中声明,然后再在@ ...

  8. IOS OC声明变量在@interface括号中与使用@property的区别(转载)

    刚开始接触OC再看别人写的代码的时候,常常困惑于人家在声明属性时的写法,总结出来有三中方式,不知道哪一种比较规范化,现在我把三种方式贴出来,然后再一一探讨每个方式声明属性的区别. 方式一:直接在@in ...

  9. 【学习总结】声明变量在@interface括号中与使用@property的区别

    方式一:直接在.h文件@interface中的大括号中声明. @interface Test : NSObject { NSString *str; // 私有变量 , 其他类无法访问,只能够该类内部 ...

随机推荐

  1. Spring Boot 实战 —— MyBatis(注解版)使用方法

    原文链接: Spring Boot 实战 -- MyBatis(注解版)使用方法 简介 MyBatis 官网 是这么介绍它自己的: MyBatis 是一款优秀的持久层框架,它支持定制化 SQL.存储过 ...

  2. vue入门模板——只需一个html

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. Nginx配置文件示例

    Nginx的配置文件示例:(仅供参考) 强烈建议先将默认的配置文件备份再进行操作! 请根据自己项目的实际路径来配置相关路径! uwsgi配置文件请参考:uwsgi配置文件示例 # For more i ...

  4. (Linux基础学习)第八章:命令行历史,history

    第1节:命令行历史简介保存你输入的命令历史.可以用它来重复执行命令登录shell时,会读取命令历史文件中记录下的命令~/.bash_history登录进shell后新执行的命令只会记录在缓存中:这些命 ...

  5. 个人第5次作业:Alpha2项目的测试

    这个作业属于哪个课程 <课程的链接> 这个作业要求在哪里 <作业要求的链接> 名字 易林 学号 201731062134 团队名称 <巧克力王子和六个小矮人> 第一 ...

  6. CF: Long Number

                                                    题目链接 #include<iostream> #include<string> ...

  7. python算法与数据结构-冒泡排序算法(32)

    一.冒泡排序介绍 冒泡排序(英语:Bubble Sort)是一种简单的排序算法.它重复地遍历要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来.遍历数列的工作是重复地进行直到没有再需要 ...

  8. 0023SpringMVC自定义类型转换器

    页面录入的字符串:2019/12/05可以映射到实体的日期属性上,但是如果是录入2019-12-05就会报错400 bad request,想要以2019-12-05日期格式的方式映射到实体的日期属性 ...

  9. (二)WCF的Binding模型

    上篇博客对WCF中的基础知识进行了介绍,先从概念上知道了WCF的一些理论,在abc模型中B是Binding,WCF为我们提供了多种绑定机制,我们先从了解各种绑定机制开始,只有知道之后才能在实践中更好的 ...

  10. destoon模板语法规则笔记

    1.包含模板 {template 'header'} 或 {template 'header', 'member'} {template 'header'} 被解析为 : <?php inclu ...