ES6 中块的概念

ES6中新增了块的概念

块:

  是个花括号 { }

  常用的一些带{ }的地方:

1  if(){}
2  for(){}
3  while(){}
4  switch(){}
5  function fn(){}

用了块{ },产生的变化:

1.没有被块 包着的函数声明,在全局都能被访问到

1 console.log(fn);//可以被访问到,是个函数代码块
2     function fn() {
3 }
4 console.log(fn);//也可以被访问到,是个函数代码块

2.被{块}包住的函数声明,在 { }上方访问时undefined / let 和 const 声明的变量 和 常量  支持{ }的概念,在块之外不能被访问(使用),

 1     console.log(a);//undefined
 2     if(true){
 3     var a = 1;
 4         console.log(a);//1
 5     }
 6     console.log(a);//条件是true:是1  。条件是false:是undefined
 7 /*******************************************************************/
 8     console.log(fn);//不管条件是否成立,在块的上方访问都为undefined
 9     if(true){
10         function fn() {
11         }
12     }
13     console.log(fn);//条件是true:是函数代码块  。条件是false:是undefined
14 /*******************************************************************/
15     //console.log(b);报错
16     {
17       let b = 0;
18         console.log(b);//0
19     }
20     console.log(b);//报错   块 中的let不能在外部被使用,

原文地址:https://www.cnblogs.com/MrZhujl/p/9865666.html

时间: 2024-10-09 01:13:56

ES6 中块的概念的相关文章

ES6中块作用域之于for while语句是怎样的?

在ES6中新加了快作用域的概念(C语言就有,作为类c语言的js,当然应该加上),算是很好理解. { let i; } console.log(i);// i is not defined 在代码块当中使用新的作用域. 问题在于for语句 let arr=[]; for(let i=0;i<5;i++){ arr[i]=function(){ console.log(i); }; } 许多的讲解并没有特别说明它的作用域是怎么看的,似乎是自然而然的事情. 然而对于以前c没专心学,真正会的也就类似PH

ES6 中 let 和 const 总结

目录 let const 1. let要好好用 1. 基本用法 2. let声明的变量不存在变量提升 3. TDZ(temporal dead zone)暂时性死区 4. 不允许重复声明 2. 块级作用域 1. 为什么需要块级作用域 2. ES6中实现了块级作用域 3. 块级作用域与函数声明 4. do表达式(仅仅是提案) 3. const(不要忘记立即初始化哦) 1. 基本用法 2. const的本质 4. ES6中声明变量的六种方法 5. ES6对顶层对象属性的改变 1. ES5中顶层对象的

ES6中的类

前面的话 大多数面向对象的编程语言都支持类和类继承的特性,而JS却不支持这些特性,只能通过其他方法定义并关联多个相似的对象,这种状态一直延续到了ES5.由于类似的库层出不穷,最终还是在ECMAScript 6中引入了类的特性.本文将详细介绍ES6中的类 ES5近似结构 在ES5中没有类的概念,最相近的思路是创建一个自定义类型:首先创建一个构造函数,然后定义另一个方法并赋值给构造函数的原型 function PersonType(name) { this.name = name; } Person

ES6中let和闭包

在开始本文之前我们先来看一段代码 for(var i=0;i<10;i++){ arr[i]=function(){ return i; } } console.log(arr[3]());//10 显然这段代码输出10,并没有向我们期望的返回3,原因也很简单(js的变量提升)函数在调用时候访问的是一个全局作用域的i,此时for循环已经执行完毕,全局变量i=10: 在ES5标准中,我们要想返回期望的3,通常的做法也很简单,就是让数组中的每个函数有单独的作用域,那么我们只要构造一个立即执行函数即可

大厂HR面试必备ES6中的深入浅出面试题知识点

ESMAScript6简介,ES6是JavaScript语言的下一代标准,目的是让JavaScript语言可以写复杂的大型应用程序,成为企业级语言.那么ECMAScript和JavaScript的关系到底是什么呢?两者有着什么样的联系? JavaScript的创造者Netscape公司,将JavaScript提交给国际标准化组织ECMA,希望这种语言可以成为国际标准,次年,ECMA决定了浏览器脚本语言的标准,并称为ECMAScript. 因某些原因,一是商标,二是这门语言制定者是ECMA,不是N

ES6之块级作用域

一.前言 在ECMAScript6(以下简称ES6)之前,ECMAScript的作用域只有两种: 1.  全局作用域: 2.  函数作用域. 正是因为有这两种作用域,所以在JavaScript中出现一术语--“变量提升(hoisting)”. 如下: function func(){ console.log(test); var test = 1; }; func(); 在node环境执行上述代码,结果为: 之所以为’undefined’,原因就在于‘变量提升’,在进入func函数时,将所有通过

ES6中的迭代器(Iterator)和生成器(Generator)

前面的话 用循环语句迭代数据时,必须要初始化一个变量来记录每一次迭代在数据集合中的位置,而在许多编程语言中,已经开始通过程序化的方式用迭代器对象返回迭代过程中集合的每一个元素 迭代器的使用可以极大地简化数据操作,于是ES6也向JS中添加了这个迭代器特性.新的数组方法和新的集合类型(如Set集合与Map集合)都依赖迭代器的实现,这个新特性对于高效的数据处理而言是不可或缺的,在语言的其他特性中也都有迭代器的身影:新的for-of循环.展开运算符(...),甚至连异步编程都可以使用迭代器 本文将详细介

ES6中的Symbol类型

前面的话 ES5中包含5种原始类型:字符串.数字.布尔值.null和undefined.ES6引入了第6种原始类型--Symbol ES5的对象属性名都是字符串,很容易造成属性名冲突.比如,使用了一个他人提供的对象,想为这个对象添加新的方法,新方法的名字就有可能与现有方法产生冲突.如果有一种机制,保证每个属性的名字都是独一无二的,这样就从根本上防止了属性名冲突.这就是ES6引入Symbol的原因,本文将详细介绍ES6中的Symbol类型 创建 Symbol 值通过Symbol函数生成.这就是说,

ES6中的Set和Map集合

前面的话 在ES6标准制定以前,由于可选的集合类型有限,数组使用的又是数值型索引,因而经常被用于创建队列和栈.如果需要使用非数值型索引,就会用非数组对象创建所需的数据结构,而这就是Set集合与Map集合的早期实现.本文将详细介绍ES6中的set和map集合 引入 Set集合是一种无重复元素的列表,开发者们一般不会逐一读取数组中的元素,也不太可能逐一访问Set集合中的每个元素,通常的做法是检测给定的值在某个集合中是否存在 Map集合内含多组键值对,集合中每个元素分别存放着可访问的键名和它对应的值,