重拾前端记忆,记录学习笔记,现在进入Let命令|Const命令部分
ES6 新增了let命令,用来声明变量,类似于var
但是:
所声明的变量,只在let命令所在的代码块内有效
let声明不存在变量提升
let不允许重复声明
示例如下:
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>清风不渡title>
head>
<body>
<script>
if(true) {
var varStr = "is var";
let letStr = "is let";
}
console.log(varStr);
console.log(letStr);
script>
body>
html>
结果如下:
const声明一个只读的常量,一但声明不可改变,
const声明的常量不可改变值,所以在声明的时候就必须赋值,不能留到后面再赋值
const声明的常量也是只在块级作用域内有效
const声明的常量也是不存在提升
const不可重复声明
示例如下:
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>清风不渡title>
head>
<body>
<script>
// 值不可变
const PI = 3.14;
console.log(PI);
PI = 3;
//必须在声明的时候就赋值
const A;
//块级作用域内有效
if(true){
const B = 2;
}
console.log(B);
//不存在变量提升
console.log(C);
const C = 3;
//const不可重复声明
const D =4;
var D = 4;
script>
body>
html>