day02-js变量及数据类型

JavaScript声明多个变量及赋值

0. 声明多个变量的方法

   • <script>
         var num1,num2,num3
         num1=100
         num2=200
         num3=300
         console.log(num1,num2,num3)
     </script>
     

1. 声明多个变量并直接赋值

   • <script>
         var num=100,num1=200,num2=300
         console.log(num,num1,num2)
     </script>
     

JavaScript变量命名规则和规范

0. 命名规则：必须遵守的

   • 变量命名的组成部分：字母，数字，下划线_，$

   • 变量命名是不能以数字开头

   • 变量命名的时候不能使用中文

   • 不要使用关键字和保留字

     • 关键字：js语法里面已经固有的语法中的关键词

       • var if else for while do while

     • 保留字：以后有肯成为语法里面的关键词，所以作为了保留字

       • class id left right top bottom

   • js里面严格区分大小写

1. 命名规范：可以遵守，可以不遵守

   • 命名的时候尽量的见名之意
   • 命名的时候可以使用驼峰命名法，一个名字，由多个单词组成，从第二个单词的首字母开始直接给首字母大写

JavaScript数据类型（重点）

0. 作用就是为了方便让你进行数据的计算，加载，拼接等等功能

1. 我们通常分为两大类：

   • 基本数据类型
   • 复杂数据类型

JavaScript基本数据类型

0. 数值类型（number）
1. 字符串类型（string）
2. 布尔类型（boolean）
3. 未定义（undefined）
4. 空（null）

JavaScript数值类型

0. 一切可以看见的数值就是数值类型

   • <script>
         var num1=100
         var num2=200
         console.log(num1,num2)
     </script>
     控制台里面数值类型一般会显示蓝色
     

JavaScript字符串类型

0. 一切带有单双引号的字符都是字符串

   • 字符：'a' 'b' 单个字符
   • 字符串：多个字符拼接起来的内容就是字符串 'ab' 'abc'

1. <script>
       var str='100'
       console.log(str)
       var str1="哈哈哈哈哈"
       console.log(str1)
       var str2=" "
       console.log(str2)
   </script>
   字符串在控制台里面显示黑色
   

2. 特殊的转义符也是字符串通过\被转义过来的

   • \n=====换行
   • \t=====制表符 tab

JavaScript布尔类型

0. 代表了两个值。要么真，要么假

   • true 真
   • false 假
   • 数值表示的时候，1：真 0：假

1. 真假应用在判断语句里面

JavaScript未定义类型 （undefined）

0. 未定义的空，声明了一个变量，这个变量没有给值

   • <script>
             var num
             console.log(num);//程序没有报错，能正常运行
     </script>
     

1. is not defined与undefined不一样，前者没有声明就直接使用了程序报错，后者声明了没有给值而已，程序没有报错

JavaScript null类型

0. 空的值，要想获取到这个null必须通过赋值获取到

   • <script>
         var str=null
         console.log(str)
     </script>
     

JavaScript数据类型的检测

0. 检测类型：typeof 变量名 typeof(变量名)

   • <script>
         var num1=100
         var num2="100"
         var num2=5>6
         var num4
         var num5=null
         console.log(typeof num1)  //number  num1变量数据类型为数值
         console.log(typeof(num2)) //string  num2变量数据类型为字符串，因为num的变量的赋值带有引号
         console.log(typeof(num3)) //boolean num3变量数据类型为布尔
         console.log(typeof(num4)) //undefined num4变量为未定义类型
         console.log(typeof(num5)) //object 比较特殊的基本数据类型
     </script>
     

1. typeof检查完数据类型之后，打印的内容是字符串类型

2. 多次typeof之后返回的结果是字符串类型

JavaScript判断变量是否为数字

0. 可以使用isNaN这个方法来判断一个变量是不是数值 isNaN(变量名字)
1. isNaN====is not a number 是的 他不是一个数值

2. <script>
       var num1=100
       console.log(isNaN(num1)) //false 布尔类型
       //如果是数字的话，返回的是false
       
       var num2="哈哈哈哈哈"
       console.log(isNaN(num2))//true
       //如果不是数字的话，返回的是true
       
       var num3="100"
       console.log(isNaN(num3))//false
       //isNaN判断一个带有引号的数值的时候存在一个隐式转换
   </script>
   

3. 如果变量是数值的话，返回的为false；如果变量不是数值的话，返回为true；用于做判断是否为一个数值

JavaScript NaN数据类型

0. not a number 不是一个数字，仍然是一个数值类型，但是是啥，不确定

1. <script>
       var str=NaN
       console.log(str) //控制台打印出来的是蓝色的NaN，数值类型
       console.log(typeof(str))//控制台打印出来number数值类型
   </script>
   

JavaScript isNaN与NaN的区别

0. isNaN是用来做判断的

   • 如果你的变量是数值的话，返回的就是false
   • 如果你的变量不是数值的话，返回的就是true
   • isNaN is not a number 是的 他不是一个数字数值

1. NaN是一个特殊的数值类型的内容

   • 数据类型是数值，代表的内容是不确定的

\