【ES6+】002
【ES6+】002
一、ct 关键1、特性ct 关键字用来声明常量，ct 声明有以下特点： 声明必须赋初始值；
标识符一般为大写（习惯）；
不允许重复声明；
值不允许修改；
块儿级作用域（局部变量）；
2、ct创建变量代码示例代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html>
<html>
<
【ES6+】002
1、特性
ct 关键字用来声明常量，ct 声明有以下特点：
- 声明必须赋初始值；
- 标识符一般为大写（习惯）；
- 不允许重复声明；
- 值不允许修改；
- 块儿级作用域（局部变量）；
2、ct创建变量代码示例
代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ct</title>
</head>
<body>
<script>
// ct声明常量
ct DOG = "旺财";
cole.log(DOG);
</script>
</body>
</html>、声明必须赋初始值
代码实现：
代码语言：javascript代码运行次数：0运行复制 // 1. 声明必须赋初始值；
ct CAT;运行结果：
4、不允许重复声明
代码实现：
代码语言：javascript代码运行次数：0运行复制 // . 不允许重复声明；
ct CAT = "喵喵";
ct CAT = "喵喵";运行结果：
5、值不允许修改
注意：
对数组元素的修改和对对象内部的修改是可以的（数组和对象存的是引用地址）；
代码实现：
代码语言：javascript代码运行次数：0运行复制 // 4. 值不允许修改；
ct CAT = "喵喵";
CAT = "";运行结果：
6、块儿级作用域（局部变量）
代码实现：
代码语言：javascript代码运行次数：0运行复制 // 5. 块儿级作用域（局部变量）；
{
ct CAT = "喵喵";
cole.log(CAT);
}
cole.log(CAT);运行结果：
7、全部演示代码
代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ct</title>
</head>
<body>
<script>
// ct声明常量
ct DOG = "旺财";
cole.log(DOG);
// 1. 声明必须赋初始值；
// ct CAT;
// 报错：Uncaught SyntaxError: Missing initializer in ct declaration
// 2. 标识符一般为大写（习惯）；
// ct dog = "旺财"; // 小写也不错
// . 不允许重复声明；
// ct CAT = "喵喵";
// ct CAT = "喵喵";
// 报错：Uncaught SyntaxError: Identifier 'CAT' has already been declared
// 4. 值不允许修改；
// ct CAT = "喵喵";
// CAT = "";
// 报错：Uncaught TypeError: Assignment to ctant variable.
// 5. 块儿级作用域（局部变量）；
// {
// ct CAT = "喵喵";
// cole.log(CAT);
// }
// cole.log(CAT);
// 报错：Uncaught ReferenceError: CAT is not defined
</script>
</body>
</html>8、应用场景
声明对象类型使用 ct，非对象类型声明选择 let；
1、什么是解构赋值
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构赋值；
2、代码演示及相关说明
代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>解构赋值</title>
</head>
<body>
<script>
// ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构赋值；
// 1、数组的解构赋值
ct F4 = ["大哥","二哥","三哥","四哥"];
let [a,b,c,d] = F4;
// 这就相当于我们声明4个变量a,b,c,d，其值分别对应"大哥","二哥","三哥","四哥"
cole.log(a + b + c + d); // 大哥二哥三哥四哥
// 2、对象的解构赋值
ct F = {
name : "大哥",
age : 22,
: "男",
xiaopin : function(){ // 常用
cole.log("我会演小品！");
}
}
let {name,age,,xiaopin} = F; // 注意解构对象这里用的是{}
cole.log(name + age + + xiaopin); // 大哥22男
xiaopin(); // 此方法可以正常调用
</script>
</body>
</html>、应用场景
频繁使用对象方法、数组元素，就可以使用解构赋值形式；
1、概述
模板字符串（template string）是增强版的字符串，用反引号（`）标识，特点：
- 字符串中可以出现换行符；
- 可以使用 ${xxx} 形式引用变量；
2、代码演示及相关说明
代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
// 声明字符串的方法：单引号（''）、双引号（""）、反引号（``）
// 声明
let string = `我也一个字符串哦！`;
cole.log(string);
// 特性
// 1、字符串中可以出现换行符
let str =
`<ul>
<li>大哥</li>
<li>二哥</li>
<li>三哥</li>
<li>四哥</li>
</ul>`;
cole.log(str);
// 2、可以使用 ${xxx} 形式引用变量
let s = "大哥";
let out = `${s}是我最大的榜样！`;
cole.log(out);
</script>
</body>
</html>、应用场景
当遇到字符串与变量拼接的情况使用模板字符串；
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。 原始发表：2025-01-06，如有侵权请联系 cloudcommunity@tencent 删除数组字符串作用域变量对象#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可，转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格
上传时间： 2025-07-23 09:30:12
推荐阅读
| 留言与评论（共有 9 条评论） |
| 本站网友 哺乳期减肥方法 | 13分钟前 发表 |
| 这被称为解构赋值； // 1 | |
| 本站网友 ico图标下载 | 1分钟前 发表 |
| 可以使用 ${xxx} 形式引用变量 let s = "大哥"; let out = `${s}是我最大的榜样！`; cole.log(out); </script> </body> </html> | |
| 本站网友 ups不间断电源故障 | 10分钟前 发表 |
| d] = F4; // 这就相当于我们声明4个变量a | |
| 本站网友 眼保健操图解 | 8分钟前 发表 |
| ct 关键1 | |
| 本站网友 qq视频录像机 | 22分钟前 发表 |
| function(){ // 常用 cole.log("我会演小品！"); } } let {name | |
| 本站网友 芜湖县租房 | 5分钟前 发表 |
| 如有侵权请联系 cloudcommunity@tencent 删除前往查看数组字符串作用域变量对象 | |
| 本站网友 港澳台 | 30分钟前 发表 |
| 从数组和对象中提取值 | |
| 本站网友 客厅卧室隔断效果图 | 7分钟前 发表 |
| 可以使用 ${xxx} 形式引用变量 let s = "大哥"; let out = `${s}是我最大的榜样！`; cole.log(out); </script> </body> </html> | |