夜光带你走进JavaScript（三十四）擅长的领域

GeniusTeam-夜光

于 2019-12-01 20:35:23 发布

阅读量206

点赞数

分类专栏： Genius-JavaScript

本文链接：https://blog.csdn.net/weixin_41987706/article/details/102600229

版权

Genius-JavaScript 专栏收录该内容

59 篇文章 2 订阅

订阅专栏

夜光序言：

我性子喜静，不愿凑锦上添花的热闹，路遇别人的落魄与窘境，更无意多管闲事，但，每每都败给了恻隐之心

正文：

在相同的作用域或块级作用域中，不能使用 let 关键字来重置 var 关键字声明的变量:

var x = 2;       // 合法
let x = 3;       // 不合法

{
    var x = 4;   // 合法
    let x = 5   // 不合法
}

在相同的作用域或块级作用域中，不能使用 let 关键字来重置 let 关键字声明的变量:

let x = 2;       // 合法
let x = 3;       // 不合法

{
    let x = 4;   // 合法
    let x = 5;   // 不合法
}

在相同的作用域或块级作用域中，不能使用 var 关键字来重置 let 关键字声明的变量:

let x = 2;       // 合法
var x = 3;       // 不合法

{
    let x = 4;   // 合法
    var x = 5;   // 不合法
}

let 关键字在不同作用域，或不同块级作用域中是可以重新声明赋值的:

let x = 2;       // 合法

{
    let x = 3;   // 合法
}

{
    let x = 4;   // 合法
}

const 关键字

const 用于声明一个或多个常量，声明时必须进行初始化，且初始化后值不可再修改：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<h2>JavaScript const</h2>

<p>const 用于声明一个或多个常量，声明时必须进行初始化，且初始化后值不可再修改。</p>

<p id="demo"></p>

<script>
    try {
        const PI = 3.141592653589793;
        PI = 3.14;  // 夜光：这里会报错嗯
    }
    catch (err) {
        document.getElementById("demo").innerHTML = err;
    }
</script>

</body>
</html>

`const`定义常量与使用`let` 定义的变量相似：

二者都是块级作用域
都不能和它所在作用域内的其他变量或函数拥有相同的名称

两者还有以下两点区别：这一点很有意思

const声明的常量必须初始化，而let声明的变量不用
const 定义常量的值不能通过再赋值修改，也不能再次声明。而 let 定义的变量值可以修改。

var x = 10;
// 这里输出 x 为 10
{ 
    const x = 2;
    // 这里输出 x 为 2
}
// 这里输出 x 为 10

const 声明的常量必须初始化：

// 错误写法
const PI;
PI = 3.14159265359;

// 正确写法
const PI = 3.14159265359;

嗯唔~~ 那个，并非真正的常量

const 的本质: const 定义的变量并非常量，并非不可变，它定义了一个常量引用一个值。

使用 const 定义的对象或者数组，其实是可变的。

<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<h2>JavaScript const</h2>

<p> const 定义的变量并非常量，并非不可变，它定义了一个常量引用一个值。使用 const 定义的对象或者数组，其实是可变的。下面的代码并不会报错：</p>

<p id="demo"></p>

<script>
    // 创建常量对象
    const car = {type:"Fiat", model:"500", color:"white"};

    // 修改属性:
    car.color = "red";

    // 添加属性
    car.owner = "001";

    // 显示属性
    document.getElementById("demo").innerHTML = "Car owner is " + car.owner;
</script>

</body>
</html>

以下实例修改常量数组：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<h2>JavaScript const</h2>

<p>以下实例修改常量数组:</p>

<p id="demo"></p>

<script>
    // 创建常量数组
    const cars = ["001", "002", "003"];

    // 修改元素
    cars[0] = "007";

    // 添加元素
    cars.push("Genius Team");

    // 显示数组
    document.getElementById("demo").innerHTML = cars;
</script>

</body>
</html>

重置变量

使用 var 关键字声明的变量在任何地方都可以修改：

举个例子：

var x = 2; // 合法 var x = 3; // 合法 x = 4; // 合法

在相同的作用域或块级作用域中，不能使用 const 关键字来重置 var 和 let关键字声明的变量:

var x = 2;         // 合法
const x = 2;       // 不合法
{
    let x = 2;     // 合法
    const x = 2;   // 不合法
}

在相同的作用域或块级作用域中，不能使用 const 关键字来重置 const 关键字声明的变量:

const x = 2;       // 合法
const x = 3;       // 不合法
x = 3;             // 不合法
var x = 3;         // 不合法
let x = 3;         // 不合法

{
    const x = 2;   // 合法
    const x = 3;   // 不合法
    x = 3;         // 不合法
    var x = 3;     // 不合法
    let x = 3;     // 不合法
}

const 关键字在不同作用域，或不同块级作用域中是可以重新声明赋值的:

const x = 2;       // 合法

{
    const x = 3;   // 合法
}

{
    const x = 4;   // 合法
}

GeniusTeam-夜光

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
夜光带你走进JavaScript（三十四）擅长的领域

夜光序言：我性子喜静，不愿凑锦上添花的热闹，路遇别人的落魄与窘境，更无意多管闲事，但，每每都败给了恻隐之心正文：在相同的作用域或块级作用域中，不能使用 let 关键字来重置 var 关键字声明的变量:var x = 2; // 合法let x = 3; // 不合法{ var x = 4; // 合法 let x ...
复制链接

扫一扫