js变量的基本使用及数据类型

184 阅读4分钟

js第二天

变量

通俗来讲:变量是计算机中用来存储数据的“容器”,它可以让计算机变得有记忆。

image.png

变量的基本使用

声明变量: 要想使用变量,首先需要创建变量(专业说法: 声明变量)

语法:

image.png

举例:

image.png

变量的赋值

定义了一个变量后,你就能够初始化它(赋值)。在变量名之后跟上一个“=”,然后是数值。

变量赋值后,还可以通过简单地给它一个不同的值来更新它。

注意: let 不允许多次声明一个变量。

image.png

变量案例- 交换变量的值

image.png

变量命名规则与规范

目标:能写出符合规范的变量名

image.png

image.png

数据类型

基本数据类型:

number 数字型

string 字符串型

boolean 布尔型

undefined 未定义型

null 空类型

案例:

image.png

引用数据类型

object 对象

function

函数 array 数组

数字类型 number

JavaScript 中的正数、负数、小数等 统一称为 数字类型。

注意事项。

数字类型 外边一定不能够加 ' '

JS 是弱数据类型,变量到底属于那种类型,只有赋值之后,我们才能确认 Java是强数据类型 例如 int a = 3 必须是整数 举例

image.png

字符串类型(string)

通过单引号( '') 、双引号( "")或反引号( ` )包裹的数据都叫字符串,单引号和双引号没有本质上的区别,

推荐使用单引号。

注意事项: 无论单引号或是双引号必须成对使用 单引号/双引号可以互相嵌套,但是不以自已嵌套自已(口诀:外双内单,或者外单内双)

必要时可以使用转义符 \,输出单引号或双引号 举例

image.png

拼接

image.png

image.png

字符串拼接

image.png

布尔类型(boolean)

表示肯定或否定时在计算机中对应的是布尔类型数据。 它有两个固定的值 true 和 false,表示肯定的数据用 true(真),表示否定的数据用 false(假)。

image.png

未定义类型(undefined)

未定义是比较特殊的类型,只有一个值 undefined。 什么情况出现未定义类型? 只声明变量,不赋值的情况下,变量的默认值为 undefined,一般很少【直接】为某个变量赋值为 undefined。

工作中的使用场景: 我们开发中经常声明一个变量,等待传送过来的数据。 如果我们不知道这个数据是否传递过来,此时我们可以通过检测这个变量是不是undefined,就判断用户是否有数据传递过来。

image.png

null(空类型)

null 和 undefined 区别: undefined 表示没有赋值 null 表示赋值了,但是内容为空

null 开发中的使用场景: 官方解释:把 null 作为尚未创建的对象 大白话: 将来有个变量里面存放的是一个对象,但是对象还没创建好,可以先给个null

控制台输出语句和检测数据类型

通过 typeof 关键字检测数据类型

image.png

类型转换

JavaScript是弱数据类型: JavaScript也不知道变量到底属于那种数据类型,只有赋值了才清楚。 坑: 使用表单、prompt 获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算。

通俗来说,就是把一种数据类型的变量转换成我们需要的数据类型。

隐式转换

某些运算符被执行时,系统内部自动将数据类型进行转换,这种转换称为隐式转换。 规则:

+号两边只要有一个是字符串,都会把另外一个转成字符串 除了+以外的算术运算符 比如 - * / 等都会把数据转成数字类型 缺点: 转换类型不明确,靠经验才能总结 小技巧: +号作为正号解析可以转换成Number

image.png

显式转换

概念: 自己写代码告诉系统该转成什么类型

转换为数字型

Number(数据)

转成数字类型

如果字符串内容里有非数字,转换失败时结果为 NaN(Not a Number)即不是一个数字 NaN也是number类型的数据,代表非数字

parseInt(数据) 只保留整数 parseFloat(数据) 可以保留小数

String(数据) 变量.toString(进制)

image.png