ES6--let

最新推荐文章于 2022-09-19 16:15:26 发布
最新推荐文章于 2022-09-19 16:15:26 发布
阅读量120 收藏
点赞数
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Silentli20/article/details/113658732
版权

https://es6.ruanyifeng.com/#docs/intro

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>点击 DIV 换色</title>
    <link crossorigin="anonymous" href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css"
        rel="stylesheet">
    <style>
        .item {
            width: 100px;
            height: 50px;
            border: solid 1px rgb(42, 156, 156);
            float: left;
            margin-right: 10px;
        }
    </style>
</head>

<body>
    <div class="container">
        <h2 class="page-header">点击切换颜色</h2>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
    </div>
    <script>
        //获取div元素对象
        let items = document.getElementsByClassName('item');

        //遍历并绑定事件
        for(let i = 0;i<items.length;i++){
            items[i].onclick = function(){
                //修改当前元素的背景颜色
                // this.style.background = 'blue';
                items[i].style.background = 'pink';
            }
            // console.log(window.i)
        }
        // console.log(window.i)
        
    </script>
</body>

</html>

wlq*
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
var let 和const声明变量的特点
RoddyLD的博客
04-25 430
var let 和const声明变量的特点一、var声明变量的特点二、let声明变量的特点三、const声明变量的特点四、三种变量声明的举例应用 一、var声明变量的特点 var声明变量为全局声明，当声明在函数内部时为局部变量 var声明变量存在变量声明提升 var可以重复定义一个变量，即后面的覆盖前面的 二、let声明变量的特点 使用let声明的变量 只在let所在的代码块起作用 (变量绑定) 在同一代码块内(块级作用域) 使用let声明的变量 可以重新赋值 但是不能重新声明 let声明的变
es6-learning:https
05-15
ES6引入了两个用于声明变量的新关键字：let和const。 替换变量var使用let代替，以避免吊起。 常量不应更改，因此请使用const 。 箭 您可以使用箭头=>替换function关键字 老的 class TaskCollection { ...
《二》ES6+ 中的 let 和 const
花铛
06-05 229
ES5 只有两种声明变量的方法：var 命令和 function 命令。ES6+ 有六种声明变量的方法：除了 var 命令和 function 命令，还有 let 命令、const 命令、import 命令和 class 命令。
let变量声明以及声明特性
weixin_55017780的博客
09-19 314
let的作用是声明变量，而声明变量有什么特性呢？
let声明的变量--详解
qq_38969618的博客
10-15 2471
let声明的变量具有以下特性： （1）具有块级作用域。 （2）使用let声明的全局变量（全局变量：全局范围内有效），不会成为window对象的属性。 （3）没有变量提升。 （4）变量名不能重复声明，会报错（var已经声明的变量名，let也不能重复声明）。 ps:如果访问一个对象不存在的属性，不会报错，只会出现undefined. 参照：https://blog.csdn.net/f...
JavaScript进阶知识：let的三大特性
weixin_40981660的博客
08-27 971
声明变量 var a=100 let b=’hello’ let的三大特性： 1、不存在变量提升，必须要先声明，再使用。否则报错。 console.log(a); //报错ReferenceError，因为顺序错了，应该是let a=2在上面 let a=2; 那要是改为var a=2呢？ console.log(a); //结果：undefined。因为a未定义 var a=2; var存在变量提升，所以实际上程序是这样运行的： var a; console.log(a); //var存在变量提升。l
es6-cheatsheet
03-28
es6-备忘单包含ES2015 [ES6]提示，技巧，最佳实践和代码片段示例的备忘单，适用于您的日常工作流程。 欢迎捐款！目录var vs let / const 除了var之外，我们现在还可以访问两个用于存储值的新标识符let和const 。 与...
es6-refresher
04-27
ES6复读器CONST＆LET 用于代替var。 当您想要不可更改的数据时，将const用于块级作用域让将允许范围内的数据多变箭头功能如果代码块只有一行，我们可以使用箭头功能来缩短功能长度。 例如const sayHello = name => ...
es6-easy-wins
05-26
for(let i = 0; i < 15; i++) { console.log(i); } // i undefined console.log('After:', i); const const config = 'Configure' config = 'New String' //Silent error console.log(config); //Configure ...
es6-class-mixin:ES6类的Mixins
05-02
ES6类的Mixin 适用于ES6类的Mixins。 基于 安装 npm i -S es6-class-mixin 原料药 mixin通过具有功能或属性的对象扩展给定的类。 mixin ( ParentClass , ... mixins ) // return new MixedClass extended by ...
ES6——let变量声明以及声明特性
easy_bird的博客
07-20 302
1、用let声明的变量不能重复声明： 以往我们用var声明变量的时候是允许重复声明的，比如说： var name = "佩奇"; var name = "乔治"; 而 let 不可以，出错，如下图： 2、块级作用域，{ } 内，if，else，while，for，函数，eval之类的，变量的调用只可以在作用域内部生效，比如说： { let name = "小猪佩奇"; } //是无法读取到name的 console.log(name); 3、不存在...
ES6新特性之let变量声明特性及其案例
qq_42251357的博客
06-14 462
let 关键字用来声明变量，使用 let 声明的变量有几个特点： 1. 不允许重复声明 2. 具有块级作用域（局部变量） 3. 不存在变量提升 4. 不影响作用域链
var、let与const声明变量的特点
weixin_42488443的博客
03-08 635
一、var声明变量的特点： 1.var声明变量为全局声明，当声明在函数内部时为局部变量 2.var声明变量存在变量声明提升 3.var可以重复定义一个变量，即后面的覆盖前面的 二、let声明变量的特点 1.只在let所在代码块内有效，也就是局部有效。当在全局环境中去找时是找不到的。 2.let不存在变量声明提升。也就是不可以在声明之前使用它，否则报错。 3.let不允许重复定义一个变量，否则报错。 4.let声明变量存在暂时性死区，即变量会绑定某个区域，不受外部影响 在let还没有声明一个变量前去使用它，都
详解&lt；meta name=“viewport“ content=“width=device-width“&gt；标签
热门推荐
RUCwang的博客
01-13 2万+
详解&lt;meta name="viewport" content="width=device-width"&gt;标签 我们拿到一个设计稿，以iPhone7为基准的， 好的，我们按照习惯在html插入标签 &lt;meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=...
ES6—let变量声明及声明特性
Java_young_man的博客
03-24 284
ES6—let变量声明及声明特性 let 用来声明变量 作用和 var 一样 但是声明变量具有一些特性 let 声明格式 let a; let b,c,d; let e=100; let f=111,g=222,h=[]; let 具有的特性： 1.变量不能重复声明 但是 var 可以重复 作用就是防止变量污染 let star='张涵'; let star='小阿涵'; [外链图片转存失败,源站可能有防盗链
let声明变量时的特点
文摘资讯
04-25 1107
ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。{ let a = 10; var b = 1; } a /...
移动前端开发之viewport的深入理解
FFy's Blog
01-26 1万+
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个a
ES6 let声明变量（简单易懂）
木易的博客
08-13 1987
let关键字声明变量是在es6中引入的 ，使用let声明变量主要有以下特点： 1 使用let声明的变量具有块级作用域 if(true){ let a = 10; console.log(a) //10 } console.log(a) //a is not defined 2 使用let声明的变量没有变量提升 console.log(a) let a = 10;//Cannot access 'a' before initialization 3 使用let声明的变量...
let 声明及其特性
weixin_44787477的博客
03-28 673
let 声明及其特性 1、声明变量 let b, c; let d = "chen"; // 变量赋值 let e = 123, f = 'zc', g = [] // 可以批量赋值 2、特性 2.1 变量不能重复声明 let h = 'stu'; let h = 'tea'; console.log(h) // 报错 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210328233442743.PNG#pic_center) 2.2 块级作用
ES6-ES12新特性
最新发布
07-20
4. let和const：引入块级作用域的变量声明方式。 5. Promise：处理异步操作的更强大的方式。 ES7（2016年）： 1. Array.prototype.includes()：判断数组是否包含某个元素。 2. 指数操作符：使用双星号(**)进行指数...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值