ES6提出了两个新的声明变量的命令：let 和 const 
1. 建议不再使用var，而使用let 和const 。优先使用const。

在定义之后值是固定不变的，即为常量
常量的值不能修改，但是如果常量保存的是一个对象，那么对象的属性是可以被修改的。

const a = 1;

a = 2;
console.log(a);//报错

const a = {
　　 name:'leo'
 };
 a.name = 'momo';
 console.log(a.name);   //momo

let特性：
　　1、不允许重复声明
　　2、没有预解析。
　　3、块级作用域

一对{}包括的区域称为代码块
块级作用域指一个变量或者函数只在该区域才起作用。
从块的开始到声明这段的区域 暂存死区。

举个常见的例子

用var依次循环输出i，就要用到闭包

for(var i=0;i<10;i++){
　　(function(i){
　　       setTimeout(function(){
　　　　　　 console.log(i);
　　　　 })
       })(i)
 }

用let依次循环输出i,就很方便

for(let i=0;i<10;i++){
　　setTimeout(function(){
　　 　　console.log(i);
　　 })
}

应用实例

<!doctype html>
<html lang="en">
<head>
　　<meta charset="UTF-8">
　　<title>Document</title>
　　<style type="text/css">
　　div{
　　　　display: none;
　　}
　　.show{
　　　　display: block;
　　}
　　.active{
　　　　background-color: yellow;
　　}
　　</style>
</head>
<body>
　　<input type="button" value="tab1" class="active">
　　<input type="button" value="tab2">
　　<input type="button" value="tab3">
　　<div class="show">div1</div>
　　<div>div2</div>
　　<div>div3</div>
　　<script type="text/javascript">
　　"use strict"

　　var tabs = document.getElementsByTagName('input');

　　var divs = document.getElementsByTagName('div');

　　for(let i=0;i<tabs.length;i++){
　　　　tabs[i].onclick = function(){
　　　　　　for(var j=0;j<tabs.length;j++){
　　　　　　　　divs[j].className = '';
　　　　　　　　tabs[j].className = '';
　　　　　　　}
　　　　　　this.className = 'active';
　　　　　　divs[i].className = 'show';
　　　　}
　　}
　　</script>
</body>
</html>

ES6入门教程---变量和常量的更多相关文章

  1. ES6入门之变量的解构赋值(二)

    前言 在上一章 ES6入门之let和const命令中我们对ES6的相关语法已经有了初步了解,上一章中我们主要学习了三大部分的内容,let命令的使用,块级作用域,const命令的使用,那么从本篇博客将进 ...

  2. es6入门教程完整版

    ECMAScript 6入门 <ECMAScript 6入门>是一本开源的JavaScript语言教程,全面介绍ECMAScript 6新引入的语法特性. 作者:阮一峰 授权:署名-非商用 ...

  3. ES6入门教程---解构赋值和字符串扩展

    解构赋值: ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 数组的解构赋值: 按照对应的顺序解构. var arr = [1,[2,3]]; ...

  4. ES6入门教程---数值扩展和数组扩展

    1.数值扩展 var num = 0b11; console.log(num);3 var num = 0o11;console.log(num);9 var num = 1.234; console ...

  5. VBA Promming入门教程——变量的使用

    数据类型 VBA中的数据类型可分为两种 示例 String Sub Main Dim s as string s = "Hello" msgbox(s) End Sub Singl ...

  6. C语言入门教程-(4)常量和变量

    1.常量和变量的概念 程序执行过程中其值不能发生改变的量叫做常量,其值能发生改变的量叫做变量.常量可以直接使用,而变量则必须先定义后才能使用,否则编译器会报错. 2.常量和变量的命名规范 在介绍常量和 ...

  7. 【Go入门教程4】变量（var），常量（const），内置基础类型（Boolean、数值 byte,int,rune、字符串、错误类型），分组，iota枚举，array（数值），slice（切片），map（字典），make/new操作，零值

    这小节我们将要介绍如何定义变量.常量.Go 内置类型以及 Go 程序设计中的一些技巧. 定义变量 Go 语言里面定义变量有多种方式. 使用 var 关键字是 Go 最基本的定义变量方式,与 C 语言不 ...

  8. 🤩全套Java教程_Java基础入门教程，零基础小白自学Java必备教程👻002 # 第二单元 常量，变量，数据类型 #

    一.本单元知识点概述 二.本单元目标 (Ⅰ)重点知识目标 1.定义出各种数据类型的变量2.理解自动类型提升3.理解强制类型转换 (Ⅱ)能力目标 1.能够定义出所有类型的常量 2.理解Java中的基本数 ...

  9. es6 快速入门 系列 —— 变量声明：let和const

    其他章节请看: es6 快速入门 系列 变量声明:let和const 试图解决的问题 经典的 var 声明让人迷惑 function demo1(v){ if(v){ var color='red' ...

随机推荐

  1. 理解SQL原理，写出高效的SQL语句

    我们做软件开发的,大部分人都离不开跟数据库打交道,特别是erp开发的,跟数据库打交道更是频繁,存储过程动不动就是上千行,如果数据量大,人员流动大,那么我们还能保证下一段时间系统还能流畅的运行吗?我们还 ...

  2. python中用opencv读取并显示图片

    一.读取并显示图片: import matplotlib.pyplot as plt # plt 用于显示图片 import matplotlib.image as mpimg # mpimg 用于读 ...

  3. PHP之面向对象PHP之面向对象（面向对象是什么）

    PHP之面向对象(面向对象是什么) 一.总结 一句话总结: 面向对象就是类:类都要 属性 和 方法 比如人:属性比如身高体重,方法比如吃饭喝水 面向对象中 ,方法即是函数 : 属性即是变量 ,只是面相 ...

  4. 分享知识-快乐自己：Java 中 的String，StringBuilder，StringBuffer三者的区别

    这三个类之间的区别主要是在两个方面,即运行速度和线程安全这两方面. 1):首先说运行速度,或者说是执行速度,在这方面运行速度快慢为:StringBuilder > StringBuffer &g ...

  5. POJ 2503 Babelfish（map，字典树，快排+二分，hash）

    题意:先构造一个词典,然后输入外文单词,输出相应的英语单词. 这道题有4种方法可以做: 1.map 2.字典树 3.快排+二分 4.hash表 参考博客:[解题报告]POJ_2503 字典树,MAP ...

  6. 【Lintcode】018.Subsets II

    题目: Given a list of numbers that may has duplicate numbers, return all possible subsets Notice Each ...

  7. 【Lintcode】038.Search a 2D Matrix II

    题目: Write an efficient algorithm that searches for a value in an m x n matrix, return the occurrence ...

  8. wpf如何获取control template里的元素

    wpf中的控件模板里的元素有自己独立的命名域. 因此不能通过FindName来根据x:Name来查找子节点. 自己写了一个方法, 通过可视树遍历子节点,然后匹配名字. 如下: private stat ...

  9. 缓存与数据库一致性之二：高并发下的key重建（先淘汰cache再写db）的问题

    一.为什么数据会不一致 回顾一下上一篇文章<缓存与数据库一致性之一:缓存更新设计>中对缓存.数据库进行读写操作的流程. 写流程: (1)先淘汰cache (2)再写db 读流程: (1)先 ...

  10. SpringMVC之一：SpringMVC原理

    Spring MVC工作流程图   图一   图二  关键组件: DispatcherServlet:前端控制器,与大多数基于Java的Web框架一样, Spring MVC所有的请求都会通过一个前端 ...