JS基础之基本数据类型及检测

目录

数据类型

数字类型number

说明：

作用

算数运算符优先级

NaN

定义：

说明：

字符串类型string

定义：

！！

模板字符串

作用

语法

布尔类型boolean

定义

未定义类型 undefined

定义

说明

null类型

定义

说明

null和undefined的区别

数据类型检测

控制台输出语句

作用

说明

typeof关键字检测

语法形式

作为运算符(推荐)

函数形式

---

数据类型

JS数据类型分为两大类：

1.基本数据类型：数字型，字符串型，布尔型，为定义型，空类型。

2.引用数据类型

数字类型number

说明：

JS为弱数据类型，赋值之后才能确认数据的类型

<script>
   let age = 10
   let price = 77.77

<script>

作用

数字有很多操作（乘，除，加，减，取余）

和算数运算符（+，-，*，/，%）一起使用

算数运算符优先级

优先级越高越先被执行，优先级相同时从左向右执行

1.乘，除，取余优先级相同

2.加，减优先级相同

3.乘除取余优先级大于加减

4.使用（）可以提升优先级

先加减后乘除 ，有括号先算括号里的

<script>
  console.log(1+2*3)  \\7
  console.log(10-8/2)  \\6
  console.log(2%5+4*2)  \\10
<script>

NaN

定义：

代表一个计算错误，是一个不正确的或者一个未定义的数学操作所得到的结果

<script>
  console.log('字符型'-2)  // NaN
<script>

说明：

NaN是黏性的，任何对NaN的操作都会返回NaN

<script>
  console.log(NaN+2)  //NaN
<script>

字符串类型string

定义：

通过单引号（'  '）双引号（"  "）或反引号（`  `）包裹的数据

推荐使用单引号

<script>
  //单引号
  let uname='zxy'
  //双引号
  let sex="nv"
  //反引号
  let num=`777`  //看上去是数字，但引号包裹了就是字符串
  //空字符串
  let str=''
  //内单外双
  let eg1="好好'学习',天天向上"
  //内双外单
  let eg2='好好"学习"，天天向上'
  //转义符(\''\)
  let eg3='好好\'学习'\，天天向上'
<script>

！！

• 无论单引号或是双引号必须成对使用
• 单引号或双引号可以互相嵌套，但不可自己嵌套自己（外双内单，外单内双）
• 必要时可以使用转义符\,输出单引号或双引号

模板字符串

作用

拼接字符串和变量

语法

`字符串A${变量1}，字符串B${变量2}`

<script>
  document.write(`我是${name},今年${age}岁`)
<script>

布尔类型boolean

定义

表示肯定或否定

表示肯定为true，表示否定为false

<script>
  console.log(3>4)  //fasle
  let ok = true
  console.log(ok)  //true

<script>

未定义类型 undefined

定义

特殊类型，只有一个值为undefined

说明

• 只声明变量，不赋值的情况下0，变量默认为undefined
• 声明一个变量等待传送过来的值，不知道这个数据是否传递过来 ，可以通过检测这个变量是不是undefined，判断用户是否传递数据过来

<script>
  let num  //声明变量但是未赋值
  console.log(num)  //输出undefined
<script>

null类型

定义

代表‘无’，‘空’或值未知的特殊值

说明

把null作为尚未创建的对象

（将来有个变量里面存放的是一个对象，但对象还没创建好，可以先给个null）

<script>
  let obj = null
  console.log (obj)  //null
  
<script>

null和undefined的区别

undefined表示没有赋值

null表示赋值了，但是内容为空

<script>
  console.log(undefined + 1)  //NaN
  console.log(null+1)  //1
<script>

数据类型检测

控制台输出语句

<script>
  console.log (  )
<script>

作用

控制台语句通常用于测试结果来使用

说明

控制台输出语句中

数字型和布尔型字体颜色为蓝色

字符串和undefined字体颜色为灰色

typeof关键字检测

语法形式

作为运算符(推荐)

typeof ...

函数形式

typeof(...)

<script>
  let num = 7
  let uname = 'aaa'
  let odk = false
  let wait
  let obj = null
  console.log(typeof num)  //number
  console.log(typeof uname)   //string
  console.log(typeof odk)  //boolean
  console.log(typeof wait)  //undefined
  console.log(typeof obj)  //object

<script>