js 变量类型

132 阅读2分钟

js 第二天

变量

变量的概念

实质是一个容器 用来装数据

基本使用

1.创建变量

let 变量名 ;

2.变量赋值

变量名 = 变量值

3.使用变量

输出方式(变量名)

<script>
        let name   //创建变量
        name = ('谷六一')   //变量赋值
        console.log (name)  //变量的使用

        let age   //创建变量
        age = (1)   //变量赋值
        console.log (age)   //变量的使用、

        //声明变量的同时 也赋值
        let name1 = '谷六一'
        name1 = '谷谷'  //变量更新

        //一次声明多个变量 并赋值
        let name2 = '谷谷', age1 = 20 , sex = '男'

    </script>

变量名的规则与规范

规则

1.不能使用内置的关键字充当变量名称

如let, for, if, switch, var等等...

2.不能以数字开头

3.可以使用英文开头(需要区分大小写)、 下划线"_"、 美元符号"$"

规范

1.有具体含义的名称

如名字=name, 年龄=age,大小=size 等等...

2.驼峰命名风格(及各个单词的首字母开头为大写)

小驼峰(第一个单词字母为小写 后面每个单词首字母为大写)

​ 例: 用户名=userName, 穿衣风格=clothStyle等等....

大驼峰 (每个单词手写字母都为大写)

​ 例: 用户名=UserName, 穿衣风格=ClothStyle等等....

数据类型

1.Namber (数字) 1.2.3....100等...

2.String (字符串)

包含在单引号'',双引号"",反引号``中的都是字符串 数字加了引号也是字符串

3.Boolean(布尔类型)

只有两个取值'true' 和 'false' 真和假

4.undefined 未定义类型

空箱子 空变量

let age;

console.log(age);

声明了变量 但是没有赋值 使用不会报错 只是会提醒我们当前数据是未定义的

5.null

表示声明并赋值了 但是值本身为空

let age = null;

console.log(age);

只要发现 这个变量 是 undefined 或者 null => 变量 没有拿到合适的值即可

注:数字类型和字符串类型

以上这两种类型 使用 加号 + 功能不一样

数字类型使用 + 表示数字的相加

字符串类型 使用加号 表示两段文字的 拼接

1648389606236.png

数据类型转换

1.隐式

用的更多 简单方便

1.字符串转数字 在字符串前面加上加号 "+" 或者在字符串后面减0"-0"即可

​ let num1= '123'

​ let num2= +num1

or let num2=num1-0

2.数字转字符串 在数字后面加上加号和引号即可

​ let str = 123

​ let str1= str+''

2.显式

数字 let num=Number('123')

字符串 let str=String(123)

注:如果不是数字要装数字类型 就会变成NaN (not a number)