es6 let和const
一、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)ES6中let,const,对象冻结，跨模块常量，新增的全局对象介绍
1.let声明变量,var声明变量,而const声明的常量 2.let与var的区别 let可以让变量长期驻扎在内存当作 let的作用域是分块[ {快1 {快2 } }每个大括号表示一个独立的块 ...
- ES6 let和const详解及使用细节
ES6之前javascript只有全局作用域和函数作用域,所以经常会遇到变量提升了或者使用闭包的时候出错的问题. 所有a[i]都会输出10: var arr=[]; for (var i=0;i< ...
- ES6 let和const命令（3）
const 用来声明常量.一旦声明,就不能改变. const在声明必须初始化,只声明不赋值会出错 const的作用域与let一样,只在声明的块级作用域有效. const命令声明的常量也不提升,同样存在 ...
- es6 let和const命令（1）
基本用法 ES新增了let命令,用于声明变量.其用法类似于var,但是所声明的变量只在let命令所在的代码块中有效. for(let i = 0;i<5;i++) {} console.log( ...
- JavaScript ES6 let、const
在ES6中,增加了2个声明变量的关键字:let 和 const.在这里将详细介绍let与var的区别.Babel对let的处理以及const的简单使用. 1. let 在ES6规范中增加了 let 关 ...
- es6 let 和 const
function test(){ let a = 1 for (let i =0;i<3;i++){ console.log(i) //1,2 } console.log(i) ...
- ES6的 let const 以及块级作用域
let声明变量 用法类似于var,但是所声明的变量只在let所在的代码块内有效. 1 . 在ES6环境下,let声明的变量不能在声明之前调用. 例: console.log(i); //会报错,这叫做 ...
- es6的let,const
1.es6 新增的let const 命令 let用来定义一个局部变量,故名思意就是只在当前代码块可用 1.1 let 声明的变量不存在变量提升(var 声明的变量存在变量提升)且代码块内 暂时性死区 ...
- es6中let,const区别与其用法
ECMAScript 是什么? 首先,我们都知道JavaScript由三部分组成:ECMAScript,DOM,BOM: 其中的ECMAScript是Javascript的语法规范. ECMAScri ...
随机推荐
- 初次认识dedecms和帝国cms内容管理系统
近乎完美的内容模块管理 强大的内容管理系统,细致入微 其原理都是 先建立一个 模板系统 然后动态生成静态页面 注意各个板块和栏目的设置 在迁移网站的时候 尤其需要注意的是 系统参数的 根目录 需要及 ...
- WebStorm 关联 TFS（转）
1.下载插件 TFS integration 2.链接TFS 服务器 3.创建工作区 4. 5.选择一个 工作环境 6.最重要的有点是在VCS里面要选择一个默认的提交方式!!!
- maven项目导入war包
导入war包,使用war包中的类和静态资源(css,js,包含jsp等) A项目是被导入的war工程,B项目是需要A项目的一个工程. 在<build>中 <resources> ...
- matlab求导数
clc; %清屏 clear; %清除变量 close all; %关闭 syms x; %定义变量,多个变量间用空格分离 f(x) = x^3; %原函数 res = diff(f(x),x,1); ...
- <转载>ford-fulkerson算法
原文链接http://blog.csdn.net/ivan_zgj/article/details/51580993 最大流问题常常出现在物流配送中,可以规约为以下的图问题.最大流问题中,图中两个顶点 ...
- 【原创】大数据基础之Hadoop（2）hdfs和yarn最简绿色部署
环境:3结点集群 192.168.0.1192.168.0.2192.168.0.3 1 配置root用户服务期间免密登录 参考:https://www.cnblogs.com/barneywill/ ...
- spring aop -包的问题
Caused by: java.lang.NoSuchMethodError: org.springframework.aop.framework.AopProxyUtils.getSingleton ...
- IPFS环境安装
IPFS是一个分布式的P2P的协议,可能会取代这个http,全球的点都可能存储这个数据 IPFS搭建环境 1.首先是下载节点软件到官网下载windows版本的ipfs节点软件,如果不能访问官网的话,可 ...
- 用docker快速搭建wordpress博客
WordPress是一个非常著名的PHP编写的博客平台,发展到目前为止已经形成了一个庞大的网站平台系统.在WP上有规模庞大的插件和主题,可以帮助我们快速建立一个博客甚至网站. 在Windows上可 ...
- 对mysql数据库中字段为空的处理
数据库中字段为空的有两种:一种为null,另一种为空字符串.null代表数值未知,空字符串是有值得,只是为空.有时间我们想把数据库中的数据以excel形式导出时 如果碰到字段为空的,为空的字段会被后面 ...