博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6入门教程---变量和常量
阅读量:4931 次
发布时间:2019-06-11

本文共 1505 字,大约阅读时间需要 5 分钟。

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>

 

转载于:https://www.cnblogs.com/xuniannian/p/8288909.html

你可能感兴趣的文章
安装多实例造成***S故障
查看>>
在Windows server 2012上部署DPM 2012 SP1 RTM之安装配置
查看>>
Windows Server 2012 R2 Hyper-v 虚拟机连接增强会话模式(通过 VMBus 远程访问)
查看>>
.NET应用架构设计—表模块模式与事务脚本模式的代码编写
查看>>
mysql建用户和修改密码和忘记密码的解决办法
查看>>
Provisioning Services 7.6 入门到精通系列之五:PVS控制台安装
查看>>
老字号“张小泉”上线小程序与酷客多达成战略合作!
查看>>
6个技巧精准捕获百度知道问题
查看>>
FSMT:文件服务器从03迁移到08R2实战演练
查看>>
Windows Server 2008 更改计算机的MAC地址
查看>>
寻找Cydia里面软件安装包deb文件的真实下载地址
查看>>
将Windows8或WindowsServer2012装在VHD上
查看>>
Windows server 2003域控直接迁移到2012[史上最详细]
查看>>
Microsoft Azure WebSite创建网站
查看>>
《从零开始学Swift》学习笔记(Day 23)——尾随闭包
查看>>
复盘良品铺子爆款逻辑: “一代佳仁”如何站在风口?
查看>>
订单需求
查看>>
分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(4月16日-4月22日)
查看>>
软件编译安装小结
查看>>
《统一沟通-微软-实战》-7-配置-3-响应组
查看>>