非零基础自学前端最后一遍二 JavaScript基础 4 JavaScript基础运算符 4.3 赋值和链式赋值运算符

古城微笑少年丶 2024-03-25 16:39 20阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  4 JavaScript基础运算符
         *   *  4.3 赋值和链式赋值运算符
             *   *  4.3.1 赋值运算符

![在这里插入图片描述][0f491fc7d800410399f18248b309e069.png_pic_center]

#### 二 JavaScript基础 ####

#### 4 JavaScript基础运算符 ####

##### 4.3 赋值和链式赋值运算符 #####

###### 4.3.1 赋值运算符 ######

*  前面我们使用的 = 其实也是一个运算符，被称之为 赋值（ assignments ）运算符。
 *  = 是一个运算符，而不是一个有着“魔法”作用的语言结构。
    
     *  语句 x = value 将值 value 写入 x 然后返回 x。
 *  链式赋值（Chaining assignments）
    
    ![在这里插入图片描述][9b73c09185e84eeeb8edb373dbec83ec.png_pic_center]
    
     *  链式赋值**从右到左**进行计算；
     *  首先，对最右边的表达式 2 + 2 求值，然后将其赋给左边的变量：c、b 和 a。
     *  最后，所有的变量共享一个值。
 *  但是从代码的可读性的角度来说，不推荐这种写法。

<!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>Document</title>
    </head>
    
    <body>
    
      <script>
        // =赋值运算符
        var num = 123
    
        // 链式赋值
        var num1 = num2 = num3 = 321
        console.log(num1, num2, num3)
    
      </script>
    
    </body>
    
    </html>

渲染结果

![在这里插入图片描述][8b5a5a96190f4108b5c2243c9f118bf2.png_pic_center]

[0f491fc7d800410399f18248b309e069.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/0e6b3b9f985047a8abb5f7b0aa3b57e1.png
[9b73c09185e84eeeb8edb373dbec83ec.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/9cb83ee5c18545aa9aae6a86afb3d9b5.png
[8b5a5a96190f4108b5c2243c9f118bf2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/16cfed764586435a99eba5f30eeaa9e6.png