es6 let和cosnt命令

博客主要介绍了let命令、const命令,探讨了块级作用域与函数声明,还提及顶层对象的属性和global对象,围绕JavaScript中变量声明及相关作用域等信息技术知识展开。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、let命令

一、不允许重复声明
	let不允许在相同作用域内,重复声明同一个变量。
二、块级作用域
	1.没有块级作用域内层变量就会覆盖外层变量
	2.用来计数的循环变量泄露为全局变量
let实际上为 JavaScript 新增了块级作用域。
	ES6 允许块级作用域的任意嵌套。
	内层作用域可以定义外层作用域的同名变量。

2、块级作用域与函数声明

1.ES5 规定,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声明。
ES6浏览器的行为方式
	允许在块级作用域内声明函数。
	函数声明类似于var,即会提升到全局作用域或函数作用域的头部。
	同时,函数声明还会提升到所在的块级作用域的头部。
2.考虑到环境的行为差异太大,应该避免在块级作用域内声明函数,如果确实需要,也应该些成函数表达式,而不是函数声明语句.
	另外,还有一个需要注意的地方。ES6 的块级作用域允许声明函数的规则,只在使用大括号的情况下成立,如果没有使用大括号,就会报错。

3、 const 命令

基本用法 
const声明一个只读的常量。一旦声明,常量的值就不能改变。
cosnt声明的变量不的改变值  ,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。
const 只声明不赋值就会报错。
const的作用域与let相同:只在声明所在的块级作用域内有效。
cosnt命令声明的常量也是提升,同样存在暂时性死区,只能在声明的位置后面使用。
cosnt生命的常量,也与let一样不可重复声明。
本质
const变量指向内存地址,保存的只是一个指向实际数据的指针,cosnt只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就不受控制了。
如果真的想将对象冻结,应该使用Object.freeze方法。
ES6 声明变量的六种方法
ES5 只有两种声明变量的方法:var命令和function命令。ES6除了添加let和const命令,还有import命令和class命令。所以,ES6 一共有声明变量的方法。

4、顶层对象的属性

在浏览器环境指的是window对象,在Node指的是global对象。ES5中,顶层对象的属性与全局变量是等价的。
缺点是顶层的属性与变量是群全局挂钩,是JavaScript语言的一大败笔,代码编写的过程中最容易创建全局的变量,最后这个变量到处可以读写,非常不利于模块化编程。window对象有实体含义,指的是浏览器的窗口对象,顶层对象是一个有实体含义的对象,也是不合适的。
ES6 为了改变着一点,一方面规定,为了保持兼容性,var命令和function命令声明的全局变量,依旧是顶层对象的属性;另一方面规定,let命令、const命令、class命令声明的全局变量,不属于顶层对象的属性。也就是说,从ES6开始,全局变量将会逐步与顶层对对象的属性脱钩。

5、global 对象

ES5的顶层对象,本身也是一个问题吗,应为他在各种实现里面是不统一的。
浏览器里面,顶层对象是window,但 Node 和 Web Worker 没有window。
浏览器和 Web Worker 里面,self也指向顶层对象,但是 Node 没有self。
Node 里面,顶层对象是global,但其他环境都不支持。
同一代码为了能够在各种环境,都能够取到顶层对象,现在一般是使用this变量,但是有局限性。
全局环境中,this会返回顶层对象。但是,Node 模块和 ES6 模块中,this返回的是当前模块。
函数里面的this,如果函数不是作为对象的方法运行,而是单纯作为函数运行,this会指向顶层对象。但是,严格模式下,这时this会返回undefined。
不管是严格模式,还是普通模式,new Function('return this')(),总是会返回全局对象。但是,如果浏览器用了 CSP(Content Security Policy,内容安全策略),那么eval、new Function这些方法都可能无法使用。
综上所述,很难找到一种方法,可以在所有情况下,都取到顶层对象。下面是两种勉强可以使用的方法。
	// 方法一
	(typeof window !== 'undefined'
	   ? window
	   : (typeof process === 'object' &&
	      typeof require === 'function' &&
	      typeof global === 'object')
	     ? global
	     : this);
	// 方法二
	var getGlobal = function () {
	  if (typeof self !== 'undefined') { return self; }
	  if (typeof window !== 'undefined') { return window; }
	  if (typeof global !== 'undefined') { return global; }
	  throw new Error('unable to locate global object');
	};
现在有一个天在语言标准里面,引入global作为顶层对象。也就是说,在所有环境下,global都是存在的,都可以从它拿到顶层对象。
垫片库system.global模拟了这个提案,可以在所有环境拿到global。
	// CommonJS 的写法
	require('system.global/shim')();
	
	// ES6 模块的写法
	import shim from 'system.global/shim'; shim();
上面代码可以保证各种环境里面,global对象都是存在的。
	// CommonJS 的写法
	var global = require('system.global')();
	
	// ES6 模块的写法
	import getGlobal from 'system.global';
	const global = getGlobal();
上面代码将顶层对象放入变量global。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值