variable declarations : let, const,and block scope why we redefine the way about declarations? function scope var price = 10; //global declaration function showPrice(){ var price = 12; //local declaration using var console.log(price); //12 } showPric…

我们都知道JavaScript中的var,在本系列的 JavaScript学习系列2一JavaScript中的变量作用域 中,我们详细阐述了var声明的变量的作用域 文章中提到,JavaScript中没有块级作用域(由{}限定的作用域), 也就是说JS中变量的作用域只有两种,一种是全局作用域,另一种就是函数作用域 但是,其实在ES6中,新增了let命令,改变了这种状况,它为JavaScript增加了块级作用域. ES6中还有一个const命令. 我们现在来看看它们 一个简单的例子 { let a…

上一节讲了let关键字,它是用来声明一个变量,只在块级作用域起作用.这一节我们来学习ES6新增的另一个关键字const. const 的作用 const是constant(常量)的缩写,const和 let一样,也是用来声明变量的,但是const是专门用于声明一个常量的,顾名思义,常量的值是不可改变的.以前用var声明的变量,想怎么改就怎么改,同一个变量,后面的值可以轻松覆盖原来的值,这次const声明的变量,可由不得我们这么任性地想改就改了. 常量的特点 1.不可修改     const Na…

let语句的基本用法:  1.let声明的变量为块级作用域,只在最近的{}里面有效,如果在外部引用就会报错. { let a = 10; var b = "hello" } alert( a ) //报错 alert( b ) // "hello" 正是由于该特性,所以let语句十分适合用于循环语句中,用于定义局部变量. 2.不会进行变量定义提前处理.在js语句中,通过var定义的变量存在变量声明提前的情况.就是在变量声明之前可以进行使用,但是这时该提前使用的变量值…

(声明, 本文的所有代码均在node的最新稳定版本v4.4.3中执行的, 如果在浏览器中执行请把JS的运行环境提升为ES6) 以前一直用var定义变量, 现在有了两种新的定义变量的方式, 1: let, 2: const:本文大概概括下使用let和const定义变量有哪些好处: let: 1:声明提前 使用var声明变量,存在声明提前的问题, 输出的tmp为"undefined": { var tmp = new Date(); let f = function (){ console…

一,let 先看代码: var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i) }; } a[6](); // 10 我先花点时间来拆分一下这个for循环,我就写第一个循环过程,后面依次类推: {var i = 0; if (i<10) { a[i] = function(){ console.log(i) } }; i++;} // 第一个循环{ i = 1;...;i++;}// 第二个循…

ES6也出来好久了,最近闲来无事就想着吧es6做一个系统的总结,巩固自己的知识,丰富一下博客. 为什么叫ES6 实际上是ECMA的一个打的标准,这个标准是在2015年6月发布的,正式的名字实际是es2015,ecma这个组织规定每年6月份对这个版本进行更新,所以有es2016,es2017,es2018,有的人也称其为es7 es8,当然es6较之前的es5确实做了非常大的更新,对我们开发这也是非常友好 变量的声明 废话不多扯,进入正题, //之前的变量声明是js的var声明列如var a=1…

在ES6中我们有两种定义变量的方式:let    const let特点: 1.let定义时不会进行变量声明提升 2.变量不允许被重复定义 3.变量不可以被删除 4.在for循环当中用let定义i 循环时可以保存 i 的值 5.在块级元素中用let定义的变量只能在当前块级作用域中使用(注:凡是用{}包裹的都是块级作用域,但是除了对象以外)   const特点:(声明常量或者不可被修改的变量)              1.const声明的变量值不允许被修改      2.不会进行变量声明提升  …

let  全面取代var 大概相似于C++的定义,一个变量必须得先定义后使用,没有预编译 注意let的作用域,一个{}就是一个作用域,上述规则须在一个作用于内 坑:for(let i =0;i < 10; i++){ let i=20; } 这个例子存在父子作用域,即(){}各为一个作用域,所以i可以重复let const 即静态变量值不允许改变,常用于声明为一个常量 坑:let arr=new array(1,2,3); arr.push(4);//arr:1,2,3,4 因为数组为引用,引用…

1.var可以重复声明 var a = 12; var a = 5; alert(a) //5 2.var无法限制修改 如:PI = 3.1415: 3.var没有块级作用域 { } 像: if(){ } for(){ } 这都是块级作用域,在这里面定义的变量则在块级域外面是没法使用的. 4.let和const不能重复声明 let a =12; let a=5; alert(a)//报错 const a =12; const a=5; alert(a)//报错 5.let是可以重复修改的,但是c…

首先,一个常见的问题是,ECMAScript 和 JavaScript 到底是什么关系? ECMAScript是一个国际通过的标准化脚本语言.JavaScript由ECMAScript和DOM.BOM三者组成.可以简单理解为:ECMAScript是JavaScript的语言规范,JavaScript是ECMAScript的实现和扩展. 2011 年,ECMAScript 5.1 版发布.之前我们大部分人用的也就是ES5 2015 年 6 月,ECMAScript 6 正式通过,成为国际标准. 1…

1.ES6学习之let.const (1).var.let.const 变(常)量声明 ES5 只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景. 在ES6中let就诞生了,实际上它为javascript新增了块级作用域. let只在变量声明时 ,所在的代码块中有效. 由于这一特性,let很适合在for循环中使用. 如下图是一个demo: let声明变量的特点: a:不存在变量提升: console.log(m);//Uncaught ReferenceError: m is…

关于浏览器的兼容情况,可以访问can i use进行查询. 目前的主要方式还是通过使用Babel编译来解决兼容性问题. 我们目前使用Babel将ES6的代码兼容到了IE8,但这是在放弃某些新特性的条件下(例如export * from "xxx"等). let声明变量,可以说是具有作用域的var,用于声明变量,主要规则如下: 1.let声明的变量拥有块级作用域 { let i=1; console.log(i); } console.log(i);//Uncaught Referenc…

参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ let和const命令 let 总结1.声明变量基本使用方法与var 相同  不同点  a.在代码块中使用let声明的变量只在代码块中有效,代码块外无法访问,而用var声明的在代码块外也可以访问.可以利用这点声明局部变量,也可用它解决js中的for循环闭包的问题    ****闭包的解释****    function out(){//外部函数    var arr = [];    for(var i…

作者 | Jeskson来源 | 达达前端小酒馆 01 首先呢?欢迎大家来学习ES6入门基础let,const的基础知识内容.初始ECMA Script6. ESMAScript与JavaScript的关系: ES是JS的标准(ES是对ECMAScript的缩写)JS是ES的实现 ESMAScript的部分历史: 1998-06 ES2发布,1999-12 ES3发布,成为js的通行标准 2007-10 ES4草案发布 2008-07 将ES4小部分内容提取,发布为ES3.1 2009-12 E…

在 ES6之前,ES5中js只有全局作用域和函数作用域,作用域是一个独立的地盘,让变量不外泄出去,但是上例中的变量就外泄了出去,所以此时 JS 没有块级作用域的概念. 全局作用域就是最外层的作用域,如果我们写了很多行 JS 代码,变量定义都没有用函数包括,那么它们就全部都在全局作用域中.这样的坏处就是很容易冲突. let ES6 新增了let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效. const const声明一个只读的常量.一旦声明,常量的值…

一:let   类似var 但是所声明的变量,只在let命令所在的代码块内有效. 1) 不存在变量提升 // var 的情况 console.log(foo); // 输出undefined var foo = 2; // let 的情况 console.log(bar); // 报错ReferenceError let bar = 2; 2)暂时性死区暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量.…

今天来说说es6的语法,最基础的也就是var,let,const 的用法与区别了,我们来看看他们之间的恩怨情仇. 首先来说说var,这个只要是学过js的都知道,它是用来声明一个变量的,但是它在开发中也会遇到一些问题,比较难解决.先来看看下面的代码: var str="hello world"; ​ function testVar(){ var str="hello"; } testVar(); console.log(str); 这段代码的结果是 "he…

let 命令 let 和 var 差不多,只是限制了有效范围. 先定义后使用 不管是什么编程语言,不管语法是否允许,都要秉承先定义,然后再使用的习惯,这样不会出幺蛾子.以前JavaScript比较随意,可以不定义直接使用,这样很容易乱,let 就要严格一些,let定义的变量,在定义之前是不可以用的,会报错. console.log(v) var v = 1; console.log(a) let a = 1; 运行结果: var定义的变量不会报错,但是let定义的变量会报错.let更加的严谨.…

在js中,定义变量时要使用var操作符,但是var有许多的缺点,如:一个变量可以重复声明.没有块级作用域.不能限制修改等. //缺点1:变量可以重复声明 var a=1; var a=2; console.log(a); //2 //缺点2:无法限制修改 //缺点3:没有块级作用域 { var b=12; } console.log(b); //12 ES6新增的let和const就解决了这些问题.下面我们来看看let和const吧. let和const都不能重复声明 let a=1; let…

ES6简介 ES6是ECMAScript 6.0的简称,是javascript语言的下一代标准,已经在2015年6月正式发布上线.目的就是为了统一javascript的语法标准,可以用来开发大型应用程序,称为企业级开发语言. ES6与JavaScript的关系: ES6是JavaScript的规范标准,JavaScript是ES6的一种实现. 变量/赋值 块级作用域{} ES5中作用域有:全局作用域.函数作用域,没有块作用域的概念.ES6新增了块级作用域,块作用域由{}包括,if语句里面的{}也…

当Brendan Eich在1995年设计了JavaScript的第一个版本时,他犯了很多错误,包括从那时起就成为该语言一部分的一些错误,比如Date对象和当你不小心将它们相乘时对象会自动转换为NaN.然而,事后看来,他做对的事情都是非常重要的事情:对象;原型;具有词法作用域的一级函数;默认可变性.这种语言很好.比大家一开始意识到的要好. 尽管如此,Brendan还是做出了一个与今天的文章相关的特殊设计决定--我认为这个决定可以被定性为一个错误.这是一件小事.一种微妙的东西.你可能用了好几年,甚…

Rest and Spread Operators.md Why we need rest and spread operators? var showCollections = function(id, ...collection){ console.log(collection instanceof Array); }; showCollections(42, 'movies', 'music'); instanceof The instanceof operator tests wheth…

Default Function Parameters.md Default Function Parameters function getSum(a,b){ a = (a !== undefined) ? a : 1 ; b = (b !== undefined) ? b : 41; console.log(a+b); } getSum(); getSum(1,2); getSum (10); getSum(null, 6); In ES5,if the argument is not sp…

Arrow Function.md Arrow Functions The basic syntax of an arrow function is as follows var fn = data => data; The code means : var fn = function( data ) { return data; } let getNumber = () => 42; console.log(typeof getNumber); console.log(getNumber()…

本人水平有限,如内容有误,欢迎指正,谢谢. let  : 主要特点: 1.作用域只局限于当前代码块.2.使用let 声明的变量作用域不会被提升.3.在相同的作用域下不能声明相同的变量.4.for循环体现let的父子作用域. ---------------------------------------------------- 1.作用域只局限于当前代码块 . 解读:在{   } 作用域外,不能获取变量 a. 在{ } 之中,可以正常输出.  2.没有变量声明提升. 传统ES 5里面,var 允…

1.let 和 const 变量提升: 在声明变量或者函数时,被声明的变量和函数会被提升到函数最顶部: 但是如果声明的变量或者函数被初始化了,则会失去变量提升: 示例代码: param2 = "第二个参数" console.log(param1); // undefined console.log(param2); // 第二个参数 var param1 = "第一个参数"; var param2; 对于变量 "param1": 它被声明且初始化…

how to tell a function arguments length in js JavaScript函数不对参数值(参数)执行任何检查 https://www.w3schools.com/js/js_function_parameters.asp // ES5 function functionName(parameter1, parameter2, parameter3) { // code to be executed } // ES6 const func = (paramet…

// es5的语法与es6的语法区别 // var let const console.log(name);//undefine,不会报错,因为变量声明会提到作用域的最前面 var name="aa"; for(var i=1;i<7;i++){ console.log(i); } console.log(i);//8,不会报错因为var声明的变量没有块级作用域 /** * 总结 var 声明的变量,声明语句会提到作用域的最前面,并且没有块级作用域 */ console.log(…

ES5中只有函数作用域和全局作用域,声明变量使用var,在es6中添加声明变量 let const let 声明块级作用域变量, let 不存在变量提升 var命令会发生”变量提升“现象,即变量可以在声明之前使用,值为undefined.这种现象多多少少是有些奇怪的,按照一般的逻辑,变量应该在声明语句之后才可以使用. 为了纠正这种现象,let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错. var 声明的变量可以在声明之前使用,是undifind,存在变量提升现象,let 声明的…