js基础第二篇-变量

236 阅读3分钟

「这是我参与2022首次更文挑战的第1天,活动详情查看:2022首次更文挑战」。

大家好,我又来分享知识了!

JavaScript--变量

变量作用

变量来源于数学,是计算机语言中能储存计算结果或能表示值的抽象概念。

可以在内存中存储数据

变量语法

  • 声明变量: let 变量名 let age

                               let age

  • 变量赋值: 变量名=值 age=10

                               age=10

  • 变量取值: 变量名 在控制台输出打印console.log(age)                                console.log(age)//结果为10

1.png

变量注意点

  1. let声明变量 不可以重复声明,程序会报错
  2. 变量重复赋值:先销毁旧值,然后存入新值
  3. 变量给变量赋值:先拷贝一份,然后赋值

交换两个变量的值

我们先准备两个变量

let n1 = 1

let n2 = 2

  1. 使用一个临时变量
        let n3 = n1
        n1 = n2
        n2 = n3
        console.log(n1,n2)//结果为2,1
  1. 通过对象或数组来修改
        let obj = { n1:n2 , n2:n1 }
        n1 = obj.n1
        n2 = obj.n2
        console.log(n1,n2)//结果为2,1
  1. 根据运算符的优先级
       n1 = [n2,n2=n1][0];
        console.log(n1,n2)//结果为2,1
  1. 利用ES6的新语法解构
        [n1,n2] = [n2,n1]
        console.log(n1,n2)//结果为2,1

2.png

变量命名的规则与规范

  • 规则

    1.变量必须以 字母 、下划线_、开头、后面可以是字母、下划线、开头、后面可以是字母、下划线、、数字

    2.不能使用关键字作为变量名

  • 规范

    1.取名要有意义,最好是英文名词

    2.多个英语单词使用驼峰命名法

3.png

var与let的区别

  • 作用域不同

    var 是函数作用域 ,let 是块作用域

    比如:在 for 循环中定义一个 var 变量,在 for 循环外面也是可以访问到的,而 let 是块级作用域所以在 for 循环中定义了之后,在 for 循环之外是不可以访问到的,所以在 for 循环中推荐使用 let 。

    image.png

    image.png

  • 重复声明

    let 不能被重新定义,但是 var 是可以的

    let 不允许在相同作用域内,重复声明同一个变量。否则报错

    image.png

    image.png

  • 先使用后声明

    let 不能在定义之前访问该变量,但是 var 可以。 let 必须先声明,再使用。而 var 先使用后声明也行,只不过直接使用没有定义的时候,值为 undefined 。var 有一个变量提升的过程,当整个函数作用域被创建的时候,实际上 var 定义的变量都会被创建,并且如果此时没有初始化的话,则默认值为 undefined


加油加油!!

努力学习!!

js基础第一篇-js入门

js基础第三篇-数据类型

js基础第四篇-运算符

js基础第五篇-流程控制

4.png