ES6学习笔记(一)——-let和const定义变量

原创 2018年04月16日 17:53:33

学习的主要模块

1.解构赋值    2.箭头函数    3.set和map   4.异步操作   5.类与对象   6.模块化


基本技能

构建工具:gulp, bable ,webpack  (用于编译,监听,上线)

服务器环境:express(node.js这个框架使用的模板引擎是ejs), mockjs (做服务器接口和数据)


ES6项目构建

为什么需要项目构建:ES6语法不能直接在浏览器运行

1.基础架构 (怎么创建工程目录)

2.任务自动化( gulp一种工具,提供很多插件完成任务自动化的问(可以访问gulp中文网,了解一些基本的API和插件))

3.编译工具(bable 编译ES6代码成ES5,让浏览器识别、webpack处理模块化import引入另一个js文件)

4. 代码实现

基本语法

1.定义变量  let和var

var定义变量例子:


结果为:   undefined

原因:变量预解析  即变量提升   实际如下图

a没有赋值,所以为undefind

let:  定义变量(相当于之前的var,只能在块级作用域内使用   if(){}   for(){}   while(){}          块级作用域: {} )

例子如下:


结果为undefind

let和var的区别:

1.没有预解析,不存在变量提升即预解析(在代码块内,只要let定义变量,都会报错,也就是先定义再使用(TDZ:  暂时性死区,即所定义的变量是不能使用的)

例子如下:

结果:a  undefind


结果:5




 

2.同一个作用域里面不能重复定义变量, 但是可以赋值

结果为:5


3.for循环,for循环里面是父级作用域,

结果:不在同一个作用域里面。结果输出3个abc

结果:注释的代码结果为10,没注释的代码结果为5


const: 定义常量(  作用于块级作用域),特性和let一样,

定义的变量不能修改

const定义变量完变量,必须有值,不能后赋值,不能修改

建议:定义变量就用let,  不改变的值就用const



















简说ES6中的变量定义:let、const

随着ES6的关注度的增高,今天有必要介绍下ES6中用let、const来定义变量。总说:const 关键字用在那些永远不会改变的变量申明, let 用在其他变量申明上。(1)var 和letvar,在...
  • qq_31411389
  • qq_31411389
  • 2016-05-23 15:01:27
  • 414

【ES6学习】— (1)ES6简介、let与const命令以及变量的解构赋值

最近团队要求使用React Native开发移动应用, 会使用到JS的相关知识, 趁此机会学习一下ES6, 也算是拓宽自己的知识栈了。学习参考的是阮一峰老师的《ES6标准入门(第二版)》一书,电子书链...
  • Ahri_J
  • Ahri_J
  • 2016-10-19 09:47:01
  • 1665

var与ES6中const、let声明的变量的区别

好久以前的研究,今天再来回顾一下。 首先我们比较一下使用var声明的变量和不使用var声明的变量的区别: 使用var声明的变量声明前调用,那么该变量的值为undefined;不使用var声明的变量...
  • qq_22855325
  • qq_22855325
  • 2017-06-02 14:27:18
  • 1079

ES6新特性 let、const、变量对象的解构赋值

最近在学习ES6的新特性,在看阮一峰写的ECMAScript 6 入门,目前刚开始看用自己能够理解的语言记笔记方便下次查看一 let 1、let 局部变量 不会变量提升,在运用时候要先声明在调用,v...
  • ztj771299799
  • ztj771299799
  • 2016-11-23 18:07:51
  • 721

ES6折腾记- let/const块级变量及块作用域

话说ES6之前有局部变量,全局变量,唯独木有块级变量;也没有常量之说...
  • bomess
  • bomess
  • 2016-09-29 05:46:54
  • 2453

在JavaScript ES6中使用let和const定义变量

原文:http://www.danding.net/2015/06/%E5%9C%A8javascript-es6%E4%B8%AD%E4%BD%BF%E7%94%A8let%E5%92%8Ccons...
  • u011829023
  • u011829023
  • 2016-06-07 14:36:33
  • 582

深入ES6 (二)let和const

第二章 let和const ES6提供了let和const两种新的变量声明方式,使得在JS中变量的声明更像java那样。这章主要包括了一下内容: ES6的块级作用域 let声明...
  • Hukaihe
  • Hukaihe
  • 2017-04-12 14:56:05
  • 3832

初步探究ES6之let,const和块级作用域

我们知道javascript定义变量的方式是var,但是var有几个问题。var第一个就是作用域的问题,var不是针对一个块级作用域,而是针对一个函数作用域。举个例子:function runTowe...
  • mevicky
  • mevicky
  • 2015-11-13 09:28:41
  • 5089

浅谈ES6的let和const的异同点

1、let和const的相同点: ① 只在声明所在的块级作用域内有效。 ② 不提升,同时存在暂时性死区,只能在声明的位置后面使用。 ③ 不可重复声明。 2、let和const的不同点: ① let声明...
  • zhouziyu2011
  • zhouziyu2011
  • 2017-05-07 19:41:27
  • 1419
收藏助手
不良信息举报
您举报文章:ES6学习笔记(一)——-let和const定义变量
举报原因:
原因补充:

(最多只允许输入30个字)