一、let

1、let块作用域

if(true){

            var a=1;

            let b=2;

        }

        console.log("a:"+a);//a:1

        console.log("b:"+b);//Uncaught ReferenceError: b is not defined

2、let常用于for循环

  var a=[];

    for (let i = 0; i < 10; i++) {

        a[i] = function () {

            console.log(i);   //6 //变量i是let声明的，当前的i只在本轮循环有效。所以每一次循环的i其实都是一个新的变量，于是最后输出的是6

        };

    }

    a[6]();

3、typeof不再是一个百分之百安全的操作

   console.log(typeof x);//undefined

   console.log(typeof y);//Uncaught ReferenceError: y is not defined

    var x=2;

    let y=3;

typeof运行时y尚未声明，所以报错。

4、隐蔽的暂时性死区

    //正确

    function bar(x=2, y=x) {

        return [x, y];

    }

    console.log(bar());//[2,2]
//报错

 function bar(x=y, y=2) {

        return [x, y];

    }

    console.log(bar());//Uncaught ReferenceError: y is not defined

5、不允许重复声明

不能在函数内重复声明参数

function bar(arg) {

        let arg;//Uncaught SyntaxError: Identifier 'arg' has already been declared

    }

二、const

1、const声明的变量也是块作用域，但是不能被多次修改

let a=10;

        const b=20;

        console.log(a);

        console.log(b);

        a=100;

        b=200;//Uncaught TypeError: Assignment to constant variable.

2、const 声明变量时必须赋值

const a;//Uncaught SyntaxError: Missing initializer in const declaration

3、const可以指定为对象

const常亮指向对象的指针不能变，对象本身是可以改变的

let user={name:"starof",age:25};

        const LOVE_YOU=user;

        console.log(user);

        /*LOVE_YOU=1;//报错*/

        user.age=18;

        console.log(user);

三、babel【update20170605】

下面代码在es5中输出inside，在es6中输出outside。

如果确定是在es5中还是在es6中运行？可以通过babel使其在es6中执行。

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script src="js/browser.js"></script>

</head>

<body>

<script type="text/babel">

    function f() {

        console.log("outside");

    }

    (function () {

        if (true) {

            //重复 声明f

            function f() {

                console.log("inside"); //babel解析为es6所以输出outside

            }

        }

        f();

    }())

</script>

四、全局变量和全局对象的属性【update20170605】

es6中规定：

var和function声明的全局变量，依旧是全局对象的属性。

let，const声明的全局变量不属于全局对象的属性。

以下代码输出什么结果？

let b=1;

console.log(window.b++);//NaN

本文作者starof,因知识本身在变化，作者也在不断学习成长，文章内容也不定时更新，为避免误导读者，方便追根溯源，请诸位转载注明出处：http://www.cnblogs.com/starof/p/6919624.html有问题欢迎与我讨论，共同进步。

es6 let和const的更多相关文章

  1. (1)ES6中let,const,对象冻结，跨模块常量，新增的全局对象介绍

    1.let声明变量,var声明变量,而const声明的常量 2.let与var的区别 let可以让变量长期驻扎在内存当作 let的作用域是分块[ {快1  {快2 }  }每个大括号表示一个独立的块 ...

  2. ES6 let和const详解及使用细节

    ES6之前javascript只有全局作用域和函数作用域,所以经常会遇到变量提升了或者使用闭包的时候出错的问题. 所有a[i]都会输出10: var arr=[]; for (var i=0;i< ...

  3. ES6 let和const命令（3）

    const 用来声明常量.一旦声明,就不能改变. const在声明必须初始化,只声明不赋值会出错 const的作用域与let一样,只在声明的块级作用域有效. const命令声明的常量也不提升,同样存在 ...

  4. es6 let和const命令（1）

    基本用法 ES新增了let命令,用于声明变量.其用法类似于var,但是所声明的变量只在let命令所在的代码块中有效. for(let i = 0;i<5;i++) {} console.log( ...

  5. JavaScript ES6 let、const

    在ES6中,增加了2个声明变量的关键字:let 和 const.在这里将详细介绍let与var的区别.Babel对let的处理以及const的简单使用. 1. let 在ES6规范中增加了 let 关 ...

  6. es6 let 和 const

    function test(){ let a = 1 for (let i =0;i<3;i++){ console.log(i)         //1,2 } console.log(i)  ...

  7. ES6的 let const 以及块级作用域

    let声明变量 用法类似于var,但是所声明的变量只在let所在的代码块内有效. 1 . 在ES6环境下,let声明的变量不能在声明之前调用. 例: console.log(i); //会报错,这叫做 ...

  8. es6的let,const

    1.es6 新增的let const 命令 let用来定义一个局部变量,故名思意就是只在当前代码块可用 1.1 let 声明的变量不存在变量提升(var 声明的变量存在变量提升)且代码块内 暂时性死区 ...

  9. es6中let,const区别与其用法

    ECMAScript 是什么? 首先,我们都知道JavaScript由三部分组成:ECMAScript,DOM,BOM: 其中的ECMAScript是Javascript的语法规范. ECMAScri ...

随机推荐

  1. 前端清除缓存方法（微信缓存引起的bug）

    bug1:在新版微信中,部门安卓机子(华为)出现window.location.href/window.location.reload....等方法来刷新本页面链接,发现页面没有被刷新,经过排查,发现 ...

  2. Control算法相关

    Control算法相关 添加新的control算法官方指导教程. 创建一个控制器: 在文件control_config中添加新控制器的配置信息: 注册新控制器. 如何添加新的CAN卡. Apollo中 ...

  3. ffmpeg 增加视频流媒体质量评估滤镜 (Video Multimethod Assessment Fusion, VMAF)

    URL: https://github.com/Netflix/vmaf libvmaf Obtain the VMAF (Video Multi-Method Assessment Fusion) ...

  4. less/sass 基础base文件

    less less-base.less文件展示: //清除标签默认样式; .label(){ ;;;_background-image:url(n1othing.txt)} ;;; font-size ...

  5. Linux更新阿里源

    阿里云Linux安装镜像源地址:http://mirrors.aliyun.com/ CentOS系统更换软件安装源: 第一步:备份你的原镜像文件,以免出错后可以恢复. mv /etc/yum.rep ...

  6. atoi 和 itoa的实现

    atoi 和 itoa是面试笔试经常要考到的题目,下面两份代码是用C语言实现的atoi和itoa: 1, atoi 原型: int atoi(const char *nptr); 函数说明: 参数np ...

  7. 关于KEIL编译报错和警告问题

    编译时候报错.. Library reports error: __use_no_semihosting was requested, but _ttywrch was referenced 上网找了 ...

  8. 弹框勾选datatable中的数据，点击保存后添加到另一个表中，同一个页面

    需求描述:做编辑的时候,点击添加按钮,弹出数据表table2,勾选弹出框中的数据,点击保存后能够添加到table1中,并且已经被添加到table1中的数据,在弹出框中显示已选,checkbox隐藏:t ...

  9. ajax执行成功后，在success回调函数中把后台返回的list还原到html的table中

    需求描述:前台通过onclick触发ajax,到后台返回一个list(json格式的),把list插入到html的table中. 思路简介:￣□￣|| 刚开始的时候,是没有思路的,就卡在了,怎么把 a ...

  10. mybatis的批量删除操作

    需求描述:将符合某条件的几条记录删除 解决思路:对于多个id,可以使用sql关键词 in ,只要满足数据库的id在你的id集合或者list中,就删除,从而实现批量删除.循环delete方法是在是low ...