065_const关键字

最新推荐文章于 2023-01-12 09:55:32 发布
最新推荐文章于 2023-01-12 09:55:32 发布
阅读量143 收藏
点赞数
分类专栏： JavaScript学习 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aihiao/article/details/112283788
版权

1. const定义的变量与let类似, 但不能重新赋值:

const PI = 3.141592653589793;
PI = 3.14;      // 会出错
PI = PI + 10;   // 也会出错

2. 在声明时赋值

2.1. JavaScript const变量必须在声明时赋值:

// 不正确
const PI;
PI = 3.14159265359;
// 正确
const PI = 3.14159265359;

3. 常量对象可以更改

3.1. 您可以更改常量对象的属性:

const mobile = {name: 'huawei', color: 'white'};
mobile.color = 'black'; // 更改属性
mobile.id = 1001; // 添加属性

3.2. 但是您无法重新为常量对象赋值:

const mobile = {name: 'huawei', color: 'white'};
mobile = {}; // 报错, 无法重新赋值

4. 常量数组可以更改

4.1. 您可以更改常量数组的元素:

const books = ['java编程思想', 'java编程语言'];
books[1] = 'java编程语言(第三版)'; // 更改元素
books.push('java核心技术'); // 添加元素

4.2. 但是您无法重新为常量数组赋值:

const books = ['java编程思想', 'java编程语言'];
// books = []; // 报错, 无法重新赋值

5. 块作用域

5.1. 可以使用const关键字声明拥有块作用域的变量(和let关键字一样)。

5.2. const 在块{}内声明的变量无法从块外访问。

5.3. 实例

{
	var a = 5; // 给a初始化为5
}
document.write('a = ' + a + "<br />"); // 输出a = 5

{
	let b = 10;
	// let在块内声明的变量, 只能在块内访问。
	document.write('b = ' + b + "<br />"); // 输出b = 10
}
// 块外不能访问b, 访问b, 报错

{
	const c = 15;
	// const在块内声明的变量, 只能在块内访问。
	document.write('c = ' + c + "<br />"); // 输出c = 15
}
// 块外不能访问c, 访问c, 报错

6. 循环作用域

6.1. 循环中使用const声明的变量, 在循环外不能访问(和let关键字一样)。

for(var i = 1; i <= 3; i++){
	document.write('i = ' + i + "<br />");
}
document.write('i = ' + i + "<br />"); // 输出i = 4
document.write('i = ' + window.i + "<br />"); // 输出i = 4

var obj = {id: 1001, name: 'zs'};
for(var item in obj){
	document.write('item = ' + item + "<br />");
}
document.write('item = ' + item + "<br />"); // 输出item = name
document.write('item = ' + window.item + "<br />"); // 输出item = name

for(let j = 1; j <= 3; j++){
	document.write('j = ' + j + "<br />");
}
// 不能访问j

for(let key in obj){
	document.write('key = ' + key + "<br />");
}
// 不能访问key		

// 这里有k++, const定义的变量必须初始化, 而且不能改变, 因此并不适用于定义for循环的变量。但是for循环体外不能访问const定义的变量。
// for(const k = 1; k <= 3; k++){
// 	document.write('k = ' + k + "<br />");
// }
for(const k = 1; k <= 3;){
	document.write('k = ' + k + "<br />");
	break;
}

for(const key in obj){
	document.write('key = ' + key + "<br />");
}
// 不能访问key

7. 函数作用域

7.1. 在函数内声明变量时, 使用var、let和const很相似。它们都有函数作用域:

function myFunction1() {
	var bookName = "Effective Java";   // 函数作用域
	document.write('bookName = ' + bookName + "<br />"); // bookName = Effective Java
}
myFunction1();
// document.write('bookName = ' + bookName + "<br />"); // 访问bookName会报错
function myFunction2() {
	let mobileName = "huawei";   // 函数作用域
	document.write('mobileName = ' + mobileName + "<br />"); // mobileName = huawei
}
myFunction2();
// document.write('mobileName = ' + mobileName + "<br />"); // 访问mobileName会报错	
function myFunction3() {
	const computerName = "联想";   // 函数作用域
	document.write('computerName = ' + computerName + "<br />"); // computerName = 联想
}
myFunction3();
// document.write('computerName = ' + computerName + "<br />"); // 访问computerName会报错

8. 全局作用域

8.1. 如果在块外声明声明, 那么var、let和const也很相似。它们都拥有全局作用域:

var d = 20;       // 全局作用域
let e = 25;       // 全局作用域
const f = 30;       // 全局作用域

9. html中的全局变量

9.1. 使用JavaScript的情况下, 全局作用域是JavaScript环境。

9.2. 在html中, 全局作用域是window对象。

9.3. 通过var关键词定义的全局变量属于window对象。

9.4. 通过const关键词定义的全局变量不属于window对象, 属于JavaScript环境(和let关键字一样):

var d = 20;
document.write('d = ' + d + "<br />"); // d = 20
document.write('d = ' + window.d + "<br />"); // d = 20

let e = 25;
document.write('e = ' + e + "<br />"); // e = 25
document.write('e = ' + window.e + "<br />"); // e = undefined

const f = 30;
document.write('f = ' + f + "<br />"); // f = 30
document.write('f = ' + window.f + "<br />"); // f = undefined

10. 重新声明

10.1. 在相同的作用域, 通过const重新声明一个var或let变量是不允许的:

var I = 'I_01'; // 允许
let I = 'I_02'; // 不允许
function myFn01(){
	var I = 'I_01'; // 允许
	let I = 'I_02'; // 不允许
}

var II = 'II_01'; // 允许
const II = 'II_02'; // 不允许
function myFn02(){
	var II = 'II_01'; // 允许
	const II = 'II_02'; // 不允许
}

let III = 'III_01'; // 允许
const III = 'III_02'; // 不允许
function myFn02(){
	let III = 'III_01'; // 允许
	const III = 'III_02'; // 不允许
}
{
	let III = 'III_01'; // 允许
	const III = 'III_02'; // 不允许
}

10.2. 在相同的作用域, 通过var、let、const重新声明一个const变量是不允许的:

const IV = 'IV_01'; // 允许
var IV = 'IV_01'; // 不允许
function myFn03(){
	const IV = 'IV_01'; // 允许
	var IV = 'IV_01'; // 不允许
}

const V = 'V_01'; // 允许
let V = 'V_02'; // 不允许
{
	const V = 'V_01'; // 允许
	let V = 'V_02'; // 不允许
}
function myFn04(){
	const V = 'V_01'; // 允许
	let V = 'V_02'; // 不允许
}

const VI = 'VI_01'; // 允许
const VI = 'VI_02'; // 不允许
{
	const VI = 'VI_01'; // 允许
	const VI = 'VI_02'; // 不允许
}
function myFn05(){
	const VI = 'VI_01'; // 允许
	const VI = 'VI_02'; // 不允许
}

11. 例子

11.1. 代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>const关键字</title>
	</head>
	<body>
		<script type="text/javascript">
			// 不能重新赋值
			const PI = 3.141592653589793;
			// PI = 3.14;      // 会出错
			// PI = PI + 10;   // 也会出错

			const mobile = {name: 'huawei', color: 'white'};
			mobile.color = 'black'; // 更改属性
			mobile.id = 1001; // 添加属性
			// mobile = {}; // 报错, 无法重新赋值

			const books = ['java编程思想', 'java编程语言'];
			books[1] = 'java编程语言(第三版)'; // 更改元素
			books.push('java核心技术'); // 添加元素
			// books = []; // 报错, 无法重新赋值
			
			{
				var a = 5; // 给a初始化为5
			}
			document.write('a = ' + a + "<br />"); // 输出a = 5

			{
				let b = 10;
				// let在块内声明的变量, 只能在块内访问。
				document.write('b = ' + b + "<br />"); // 输出b = 10
			}
			// 块外不能访问b, 访问b, 报错

			{
				const c = 15;
				// const在块内声明的变量, 只能在块内访问。
				document.write('c = ' + c + "<br />"); // 输出c = 15
			}
			// 块外不能访问c, 访问c, 报错

			for(var i = 1; i <= 3; i++){
				document.write('i = ' + i + "<br />");
			}
			document.write('i = ' + i + "<br />"); // 输出i = 4
			document.write('i = ' + window.i + "<br />"); // 输出i = 4

			var obj = {id: 1001, name: 'zs'};
			for(var item in obj){
				document.write('item = ' + item + "<br />");
			}
			document.write('item = ' + item + "<br />"); // 输出item = name
			document.write('item = ' + window.item + "<br />"); // 输出item = name
			
			for(let j = 1; j <= 3; j++){
				document.write('j = ' + j + "<br />");
			}
			// 不能访问j
			
			for(let key in obj){
				document.write('key = ' + key + "<br />");
			}
			// 不能访问key		
			
			// 这里有k++, const定义的变量必须初始化, 而且不能改变, 因此并不适用于定义for循环的变量。但是for循环体外不能访问const定义的变量。
			// for(const k = 1; k <= 3; k++){
			// 	document.write('k = ' + k + "<br />");
			// }
			for(const k = 1; k <= 3;){
				document.write('k = ' + k + "<br />");
				break;
			}
			
			for(const key in obj){
				document.write('key = ' + key + "<br />");
			}
			// 不能访问key	
			
			function myFunction1() {
				var bookName = "Effective Java";   // 函数作用域
				document.write('bookName = ' + bookName + "<br />"); // bookName = Effective Java
			}
			myFunction1();
			// document.write('bookName = ' + bookName + "<br />"); // 访问bookName会报错
			function myFunction2() {
				let mobileName = "huawei";   // 函数作用域
				document.write('mobileName = ' + mobileName + "<br />"); // mobileName = huawei
			}
			myFunction2();
			// document.write('mobileName = ' + mobileName + "<br />"); // 访问mobileName会报错	
			function myFunction3() {
				const computerName = "联想";   // 函数作用域
				document.write('computerName = ' + computerName + "<br />"); // computerName = 联想
			}
			myFunction3();
			// document.write('computerName = ' + computerName + "<br />"); // 访问computerName会报错	

			var d = 20;
			document.write('d = ' + d + "<br />"); // d = 20
			document.write('d = ' + window.d + "<br />"); // d = 20

			let e = 25;
			document.write('e = ' + e + "<br />"); // e = 25
			document.write('e = ' + window.e + "<br />"); // e = undefined
			
			const f = 30;
			document.write('f = ' + f + "<br />"); // f = 30
			document.write('f = ' + window.f + "<br />"); // f = undefined
		</script>
	</body>
</html>

11.2. 效果图

自由与束缚JavaJavaScript
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
const关键字
Hb_key的博客
08-12 774
const 在实际编程中用得并不多，const 是 constant 的缩写，意为“恒定不变的”！它是定义只读变量的关键字，或者说 const 是定义常变量的关键字。 说 const 定义的是变量，但又相当于常量；说它定义的是常量，但又有变量的属性，所以叫常变量。用 const 定义常变量的方法很简单，就在通常定义变量时前面加 const 即可，如： const int a = 10; con...
【js第20天——对象详解与深浅拷贝】
weixin_61884985的博客
09-13 350
处理对象三个方法，原型对象上的方法Object.prototype.hasOwnProperty()，构造函数类方法Object.defineProperty() ，Proxy代理，以及在面试中经常问到的深浅拷贝。
原生JS的面试题（31-60），关注收藏，持续更新
王春燕的博客
04-19 3907
用 js 实现随机选取 10–100 之间的 10 个数字，存入一个数组，并排序。 方法一 functionrandomNub(aArray, len, min, max) { if(len>= max- min) { //用于限制所取的随机数小于所有的数字 return"超过"+ min+ "-"+ max+ "之间的个数范围"+ (max- min- 1) + "个的总数"; } //排序 if(aArray.length>= len) { aA...
JavaScript中for in 和for of的区别以及个人理解详解
最新发布
全栈科学家的博客
01-12 405
循环数组，得到的数组的下标，通常需要配合hasOwnProperty()方法判断某个属性是否该对象的实例属性，来将原型对象从循环中剔除。for in 循环是为遍历对象而创建的，虽然也可以遍历数组，但是并不推荐，若要遍历数组，可以使用 for of 循环。for in 循环是一种特殊类型的循环，也是普通 for 循环的变体，主要用来遍历对象，也可数组，字符串，得到。遍历顺序有可能不是按照实际数组的内部顺序（可能按照随机顺序），这里我无法制造例子，其实个人也不太了解。当然也可遍历对象，字符串，可自行尝试。
Object方法
---
07-28 183
Object.assign() 语法：Object.assign(target,…sources) target：目标对象 …sources：源对象 返回值：目标对象 目标对象会发生改变 let a = {name:'a'} let b = {age:'b'} let c = Object.assign(a,b) console.log(a,b,c)// {name: "a", age: "b"} {age: "b"} {name: "a", age: "b"}
javascript 深度拷贝
不废话快上车
02-12 160
function clone(obj) { if (Array.isArray(obj)) { let obj1 = [] for (const key in obj) { obj1[key] = (clone(obj[key])) } return [...obj1] } else if (typeof obj == 'object') { let obj1 = {} .
ES6学习(一)
qq_43517858的博客
04-22 908
大致目录var、let、const作用于范围不存在变量提升暂时性死区不允许重复定义const 介绍数组 var、let、const 作用于范围 直接看代码，比较明显、 for(let i=0;i<10;i++){ console.log(i); //0，1，2，3，4，5，6，7，8，9; } console.log(i);//ReferenceError: i is not defined for(var j=0;j<10;i++){ console.log(j); //0，1，2，3，
C++常对象精讲_const关键字的用法
01-20
const关键字： 用const修饰的定义对象称为常对象； 用const修饰的声明成员函数称为常成员函数； 用const修饰的声明数据成员称为常数据成员。 变量或对象被 const修饰后其值不能被更新。因此被const修饰的变量或对象...
C++__declspec关键字详细用法[文].pdf
10-11
数据段名必须为code_seg、const_seg、data_seg、init_seg、section等。 * `__declspec(appdomain)`：指定托管程序中的每个应用程序域都要有一份指定全局变量或静态成员变量的拷贝。 * `__declspec(deprecated)`：...
浅析c++ 中const关键字
08-30
浅析C++ 中const关键字 C++ 中的const关键字是一个限定符，它限定一个变量不允许被改变。使用const可以在一定程度上提高程序的安全性和可靠性。当我们在编写程序时，可能会遇到一些变量不需要被改变的情况，这时...
vb关键字汇总表.zip_VB语言关键字_vb关键字汇总
09-23
- `Const`：声明常量，其值不可改变。 - `Option Explicit`：强制在声明变量时指定数据类型，防止拼写错误。 - `Option Compare`：设置字符串比较的方式（二进制或文本）。 - `Option Private Module`：限制模块...
JS遍历循环方法性能对比：for/while/for in/for of/map/foreach/every
周陆军的博客，分享it技术。
08-24 1619
这周codeReview例会，又遇到map与foreach到底谁问题。从性能上来讲，我会选择map。但是从语义的角度来讲，如果只是单纯遍历，还是推荐选择foreach。其实formap 与foreach，性能相差不大（个人测试数据在10000000，最后有测试案例）。从性能上考量，我从eslint上禁止 for in。 之前在gem代码重构的过程中，讲了很多次 for in for map foreach等遍历情况，但是没有过系统性地解析。 这次决定 把之前看的东西，东拼西凑地再来一篇总结。 遍历数组
ES6 let和const命令
露露
10-08 144
1.let 命令 基本用法 ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 var a=20; var b =30; { let c= 10; let d =1; } console.log(a);//20 console.log(b);//30 console.log(c);//报错ReferenceError:c ...
微信小程序地图导航实例讲解
weixin_42133396的博客
05-07 1万+
微信小程序地图导航实例讲解先上演示视频准备工作watch页面代码watch.wxmlwatch.wxsswatch.jsconnect导航页面使用在腾讯位置服务需要获取key地图选点当用户未点击选址时，默认传入用户当前地址，可以在onShow方法中定义代码解读地图导航 先上演示视频 微信小程序地图导航 ............
js数组遍历的十种方法
热门推荐
HRD的博客
06-13 2万+
对数组中每个元素执行一次ok函数，知道某个元素返回true，则直接返回true。如果都返回false,则返回false检查整个数组中是否有满足元素。 private some(id: number) { const arr = [ { cityId: 195, cityName: '深圳'}, { cityId: 196, cityName: '北京'}, { cityId: 198, cityName: '上海'} ]
Object的相关方法 和 js遍历对象的三种方式
不甜呐的博客
10-15 3032
这篇文章分享的主要是以下方法的基本用法，想要更加深入了解这些方法的朋友，请参考MND 目录 Object的相关方法 Object.hasOwnProperty() Object.defineProperty() Object.defineProperties() Object.assign() Object.keys() Object.create() Object.entries() Object.values() Object.freeze() Object.is() ...
JS中for(var key in o )语法
weixin_42689147的博客
11-17 1万+
 1. o不只可以是对象，key也不只可以是对象中的键。  2. o也可以是一个数组，这时候的key就是数组的下标，从"0"开始，注意下标“0”是个字符串类型。  **注意：这种循环在 IE8浏览器下 对于数组 会有问题  会一直循环下去 即使o[key]为undefined。**...
遍历方法 for、for in、for of、forEach、map的区别
痦子的博客
03-16 1503
废话不多说，先上表格对比。 方法 可遍历对象 ES index OR key的类型 自定义属性 原型链上的自定义属性 for 数组、字符串 - number 不可遍历 不可遍历 for in 数组、字符串、对象 ES5 string 可遍历 可遍历 for of 数组、字符串 ES6...
深入浅出 Vue 中的 key 值
高先生的猫
03-26 774
key 的一个错误使用——使用 index 作为 key 不知道你在写 v-for 的时候，会不会直接使用 index 作为它的 key 值，是的，我承认我会，不得不说，这真的不是一个好习惯。 根据上篇文章，我们还是用 sortable.js 作为例子讨论。以下是核心代码，其中 arrData 的值为 [1,2,3,4] <div id="sort"> <div v-...
深入理解C++ const关键字的应用
"深入理解C++中的const关键字" 在C++编程中，`const`关键字扮演着至关重要的角色，它不仅仅用于定义常量，更是一种强大的类型系统工具，用于增强代码的可读性和安全性。下面我们将深入探讨`const`的多种用途。 1. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值