转载的。。。

Snandy

Stop, thinking is the essence of progress.

ES6块级作用域及新变量声明（let）

很多语言中都有块级作用域，但JS没有，它使用var声明变量，以function来划分作用域，大括号“{}” 却限定不了var的作用域。用var声明的变量具有变量提升（declaration hoisting）的效果。

ES6里增加了一个let，可以在{}， if， for里声明。用法同var，但作用域限定在块级，let声明的变量不存在变量提升。

示例1: 块级作用域 if


1

2

3

4

5

6

7

8

9

10

11

function getVal(boo) {

    if (boo) {

        var val = ‘red‘

        // ...

        return val

    } else {

        // 这里可以访问 val

        return null

    }

    // 这里也可以访问 val

}

变量val在if块里声明的，但在else块和if外都可以访问到val。

把var换成let，就变成这样了


1

2

3

4

5

6

7

8

9

10

11

function getVal(boo) {

    if (boo) {

        let val = ‘red‘

        // ...

        return val

    } else {

        // 这里访问不到 val

        return null

    }

    // 这里也访问不到 val

}

　　

示例2: 块级作用域 for


1

2

3

4

5

6

function func(arr) {

    for (var i = 0; i < arr.length; i++) {

        // i ...

    }

    // 这里也可以访问到i

}

变量i在for块里声明的，但在for外也能访问到。

把var换成let，for外就访问不了i


1

2

3

4

5

6

function func(arr) {

    for (let i = 0; i < arr.length; i++) {

        // i ...

    }

    // 这里访问不到i

}

　　

示例3: 变量提升（先使用后声明）


1

2

3

4

5

function func() {

    // val先使用后声明，不报错

    alert(val) // undefined

    var val;

}

变量val先使用后声明，输出undefined，也不报错。

把var换成let，就报错了


1

2

3

4

5

function func() {

    // val先使用后声明，报语法错

    alert(val)

    let val;

}

　　

示例4: 变量提升（先判断后声明）


1

2

3

4

5

6

function func() {

    if (typeof val == ‘undefined‘) {

        // ...

    }

    var val = ‘‘

}

使用typeof判断时也可以再var语句的前面

但把var换成let，if处报语法错


1

2

3

4

5

6

function func() {

    if (typeof val == ‘undefined‘) {

        // ...

    }

    let val = ‘‘;

}

ES6规定，如果代码块中存在let，这个区块从一开始就形成了封闭作用域。凡是在声明之前就使用，就会报错。即在代码块内，在let声明之前使用变量都是不可用的。语法上有个术语叫“暂时性死区”（temporal dead zone），简称TDZ。当然TDZ并没有出现在ES规范里，它只是用来形象的描述。

let的注意事项

1. 不能重复声明


1

2

3

4

5

6

7

// var和let重复声明

var name = ‘Jack‘;

let  name = ‘John‘;

// 两个let重复声明

let age = 24;

let age = 30;

执行时报语法错

2. 有了let后，匿名函数自执行就可以去掉了


1

2

3

4

5

6

7

8

9

10

11

12

13

// 匿名函数写法

(function () {

  var jQuery = function() {};

  // ...

  window.$ = jQuery

})();

// 块级作用域写法

{

  let jQuery = function() {};

  // ...

  window.$ = jQuery;
时间： 2024-10-16 14:01:26

转载的。。。的相关文章

【转载】C++拷贝构造函数(深拷贝，浅拷贝)

对于普通类型的对象来说,它们之间的复制是很简单的,例如:int a=88;int b=a; 而类对象与普通对象不同,类对象内部结构一般较为复杂,存在各种成员变量.下面看一个类对象拷贝的简单例子. #include <iostream>using namespace std;class CExample {private:     int a;public:     CExample(int b)     { a=b;}     void Show ()     {        cout<

门控时钟-理论分析 ---- 转载

转载自:http://www.chipsbank.com/news_detail/newsId=123.html 门控的基本要求: 1. 所需要的沿(对于正沿触发的寄存器是正沿,对于负沿触发的寄存器是负沿)不增加,不减少: 1. 不会产生毛刺: 1. 使用后功耗要能够降低: 1. 最好面积还会减小. 1. 上升沿触发的门控时钟的结构研究:应用与上升沿触发的寄存器的门控. 1. 直接与门结构: 1. 高电平使能Latch + 与门结构: 1. 低电平使能Latch + 与门结构: 1. 波形研究:

浅谈Java中的equals和==(转载)

在初学Java时,可能会经常碰到下面的代码: 1 String str1 = new String("hello"); 2 String str2 = new String("hello"); 3 4 System.out.println(str1==str2); 5 System.out.println(str1.equals(str2)); 为什么第4行和第5行的输出结果不一样?==和equals方法之间的区别是什么?如果在初学Java的时候这个问题不弄清楚,就

JVM学习（2）——技术文章里常说的堆，栈，堆栈到底是什么，从os的角度总结--转载http://www.cnblogs.com/kubixuesheng/p/5202561.html

转载自---http://www.cnblogs.com/kubixuesheng/p/5202561.html 俗话说,自己写的代码,6个月后也是别人的代码--复习!复习!复习!涉及到的知识点总结如下: 堆栈是栈 JVM栈和本地方法栈划分 Java中的堆,栈和c/c++中的堆,栈 数据结构层面的堆,栈 os层面的堆,栈 JVM的堆,栈和os如何对应 为啥方法的调用需要栈 属于月经问题了,正好碰上有人问我这类比较基础的知识,无奈我自觉回答不是有效果,现在深入浅出的总结下: 前一篇文章总结了:JV

GitHub超详细图文攻略 - Git客户端下载安装 GitHub提交修改源码工作流程 Git分支 标签 过滤 Git版本工作流（转载）

最近听同事说他都在使用GitHub,GitHub是程序员的社区,在里面可以学到很多书上学不到的东西,所以最近在准备入手这方面的知识去尝试学习,正好碰到这么详细完整的文章,就转载了,希望对自己和大家有帮助. GitHub操作总结 : 总结看不明白就看下面的详细讲解. GitHub操作流程 : 第一次提交 : 方案一 : 本地创建项目根目录, 然后与远程GitHub关联, 之后的操作一样; -- 初始化Git仓库 :git init ; -- 提交改变到缓存 :git commit -m 'desc

2.EasyUI学习总结(二)——easyloader分析与使用(转载)

本文转载自:http://www.cnblogs.com/haogj/archive/2013/04/22/3036685.html 使用脚本库总要加载一大堆的样式表和脚本文件,在easyui 中,除了可以使用通常的方式加载之外,还提供了使用 easyloader 加载的方式.这个组件主要是为了按需加载组件而诞生.什么情况下使用它呢? 你觉得一次性导入 easyui 的核心 min js 和 css 太大 你只用到 easyui 的其中几个组件 你想使用其中的一个组件,但是你又不知道这个组件依赖

Data guard概念篇一(转载)

本文转载至以下链接,感谢作者分享! http://tech.it168.com/db/2008-02-14/200802141545840_1.shtml 一.Data Guard配置(Data Guard Configurations) Data Guard是一个集合,由一个primary数据库(生产数据库)及一个或多个standby数据库(最多9个)组成.组成Data Guard的数据库通过Oracle Net连接,并且有可能分布于不同地域.只要各库之间可以相互通信,它们的物理位置并没有什么

【转载】GBDT（MART） 迭代决策树入门教程 | 简介

      转载地址:http://blog.csdn.net/w28971023/article/details/8240756        GBDT(Gradient Boosting Decision Tree) 又叫 MART(Multiple Additive Regression Tree),是一种迭代的决策树算法,该算法由多棵决策树组成,所有树的结论累加起来做最终答案.它在被提出之初就和SVM一起被认为是泛化能力(generalization)较强的算法.近些年更因为被用于搜索排

LIB和DLL的区别与使用（转载）

转载自:http://www.cppblog.com/amazon/archive/2009/09/04/95318.html 共有两种库:一种是LIB包含了函数所在的DLL文件和文件中函数位置的信息(入口),代码由运行时加载在进程空间中的DLL提供,称为动态链接库dynamic link library.一种是LIB包含函数代码本身,在编译时直接将代码加入程序当中,称为静态链接库static link library.共有两种链接方式:动态链接使用动态链接库,允许可执行模块(.dll文件或.e

[转载]HDFS初探之旅

转载自 http://www.cnblogs.com/xia520pi/archive/2012/05/28/2520813.html , 感谢虾皮工作室这一系列精彩的文章. Hadoop集群(第8期)_HDFS初探之旅 1.HDFS简介 HDFS(Hadoop Distributed File System)是Hadoop项目的核心子项目,是分布式计算中数据存储管理的基础,是基于流数据模式访问和处理超大文件的需求而开发的,可以运行于廉价的商用服务器上.它所具有的高容错.高可靠性.高可扩展性.高