let与const详解
在ES6中,js首次引入了块级作用域的概念,而什么是块级作用域?
众所就知,在js当中存在预解析的概念,就是变量提升。并且只存在全局作用域和私有作用域。在全局定义的变量就是全局变量,而在函数内部定义的变量称为私有变量。而在if判断和for循环之类的都是全局变量。
而块级作用域,就是在一个作用域中,该变量只能在声明后才能使用,并且该变量只在该作用域有效。
而let给js带来了块级作用域 那么我们就细讲一下let
//块级作用域的变量只能在块级作用域有效,否则报错
{
var a=2;
let b=3;
}
console.log(a); //
console.log(b);//Uncaught ReferenceError: b is not defined
//块级作用域变量不能重复声明变量
{
let a;
let a;
}
//会出现 Identifier 'a' has already been declared
//块级作用域只能在声明赋值后才能使用
{
let a=b; //b还没有声明赋值
let b=10
}
// Uncaught ReferenceError: b is not defined
var arr=[];
for(let i=0;i<10;i++){
arr[i]=function(){
return i
};
}
console.log(arr[3]()); //3 如果用var的话 肯定就是10 啦
//在块级作用域中 for分父级作用域与子级作用域
for(let i=0;i<10;i++){
let i='123';
console.log(i); //打印10次 123 在同一块级作用域下是不能重复声明的 所以 ()与{} 在不同作用域
}
那ok let就先结束了。
const是用来声明常量的,感觉js越来与后端语言靠近
我们都知道常量的值是不允许改变的,但是我们不能简单的理解内容不能改变,在js中,对象都是引用类型,而const在声明一个对象常量的时候,他存储的是这个对象的地址,只要这个地址不改变,const就不会报错,至于在地址存储的什么东西,那就跟const就没有太大关系了 比如:
const obj={
name:'xuwen'
}
obj.age=27;
console.log(obj);//Object {name: "xuwen", age: 27}
同样,const声明一个变量也给js带来了块级作用域,比如说块级作用域只在作用域里面才有效,比如块级作用域不能重复声明变量 ,比如作用域变量只能在声明后才能使用这些上面都提到过就不重复了。
ok,结束const
那么我们再说一下顶层对象的属性
在ES6之前,顶层对象的属性和全局变量是等价的。
顶层对象在浏览器中指的就是window对象 在node里面就是global对象
//我们在全局作用域下 使用一个 a=10 相当于window.a=10
那么我们现在是ES6时代了,当然是有所改变的
我们在用 let const class声明变量的时候不再属于顶层对象了
let a=10
window.a //undefined
至于node当中的global对象 哎,其实我也不是特别的熟悉。顶层对象的不同肯定会导致兼容性的问题的,至于如何解决,以后再说吧。
let与const详解的更多相关文章
- const详解
详解C++中的const关键字
- C++中的指针(*)、引用(&)、const详解(一、定义变量)
一.前言 本人作为一个工作了5年的程序员,程序生涯最初是从c/c++开始的,但是始终不能很熟悉的理解c语言中的指针和c++中的引用,归其原因,一部分自己没有静下心来思考,一部分原因是其自身的复杂性. ...
- C++中的const详解
const的用法,特别是用在函数后面 在普通的非 const成员函数中,this的类型是一个指向类类型的 const指针.可以改变this所指向的值,但不能改变 this所保存的地址. 在 const ...
- C++ 中的 const 详解
作者:jostree 转载请注明出处 http://www.cnblogs.com/jostree/p/4235721.html 1.为什么使用 const int 而不使用 #define 在使用# ...
- C++ 常量类型 const 详解
1.什么是const? 常类型是指使用类型修饰符const说明的类型,常类型的变量或对象的值是不能被更新的.(当然,我们可以偷梁换柱进行更新:) 2.为什么引入const? const 推出的初始目的 ...
- [js高手之路] es6系列教程 - var, let, const详解
function show( flag ){ console.log( a ); if( flag ){ var a = 'ghostwu'; return a; } else { console.l ...
- ES6 let和const详解及使用细节
ES6之前javascript只有全局作用域和函数作用域,所以经常会遇到变量提升了或者使用闭包的时候出错的问题. 所有a[i]都会输出10: var arr=[]; for (var i=0;i< ...
- ES6中let和const详解
let和var一样也是用来定义变量,不同之处在于let是块级作用域,只在所定义的块级作用域中生效,一个花括号便是一个块级作用域 {var a="我是var定义的";let b=&q ...
- 函数新特性、内联函数、const详解
一.函数回顾与后置返回类型 函数定义中,形参如果在函数体内用不到的话,则可以不给形参变量名字,只给其类型. 函数声明时,可以只有形参类型,没有形参名 把函数返回类型放到函数名字之前,这种写法,叫前置返 ...
随机推荐
- 老李分享: 并行计算基础&编程模型与工具
在当前计算机应用中,对高速并行计算的需求是广泛的,归纳起来,主要有三种类型的应用需求: 计算密集(Computer-Intensive)型应用,如大型科学工程计算与数值模拟: 数据密集(Data-In ...
- 性能调优案例分享:Mysql的cpu过高
性能调优案例分享:Mysql的cpu过高 问题:一个系统,Mysql数据库,数据量变大之后.mysql的cpu占用率很高,一个测试端访问服务器时mysql的cpu占用率为15% ,6个测试端连服务 ...
- iOS StoreKit
简述: 本文讲解iOS系统框架StoreKit中的SKStoreProductViewController与SKStoreReviewController这两个Controller. SKStoreP ...
- C++学习笔记之模板篇
title: C++学习笔记之模板篇 tags: c++,c,模板,vector,friend,static,运算符重载,标准模板 --- 一.模板 不管是函数模板还是类模板,在未初始化前都是不占用内 ...
- C/C++中数组与指针的关系探究
数组与指针 长期以来,在C/C++中,数组名和指向数组首元素的指针常量到底是以一种什么关系,一直困扰着很多人.很多地方,甚至是一些教科书中都在说,"数组名就是一个指向数组首元素的指针常量&q ...
- Java中集合框架,Collection接口、Set接口、List接口、Map接口,已经常用的它们的实现类,简单的JDK源码分析底层实现
(一)集合框架: Java语言的设计者对常用的数据结构和算法做了一些规范(接口)和实现(实现接口的类).所有抽象出来的数据结构和操作(算法)统称为集合框架. 程序员在具体应用的时候,不必考虑数据结构和 ...
- 在ASP.NET Core中使用Apworks开发数据服务:对HAL的支持
HAL,全称为Hypertext Application Language,它是一种简单的数据格式,它能以一种简单.统一的形式,在API中引入超链接特性,使得API的可发现性(discoverable ...
- javaScript 中String的常用方法
1.length() 字符串的长度 例:char chars[]={'a','b'.'c'}; String s=new String(chars); int len=s.length(); 2.ch ...
- 空a标签 a标签空的情况下 IE6 IE7下点击无效
最近做了好多网站专题页面,因为专题页面图片较多,个别banner上有1个到多个按钮,一种是用“图解img标签的usemap”的方法做链接,(图解img标签的usemap使用方法)[传送门] 另一种用则 ...
- URL解析器urllib2
urllib2是Python的一个库(不用下载,安装,只需要使用时导入import urllib2)它提供了一系列用于操作URL的功能. urlopen urllib2.urlopen可以接受Requ ...