JS基本语法01

一、变量：可以改变的量

1.声明(定义)：var age;

2.赋值(=)：age = 18；

3.初始化变量：var age = 18；

4.更新变量

5.同时声明多个变量 可以只写一个var关键词 变量的连接处用,

var age = 18, username = '李四', email = '12345@163.com';

 <script>
        //变量概念：变量就是用于存储数据的容器，我们可以通过  变量名  获取数据，也可以修改数据

        //本质：就是变量是程序在内存中申请的一块用来存储数据的空间

        // var 来声明变量，js关键词,在使用变量时必须先声明变量名才可以去使用。
        milk = 49.9
        console.log(milk)

        // age 就是变量名，他就是变量
        // var age = 18
        // var username = '李四'
        // js代码结束时需要英文 ;结尾
        // 变量只声明不赋值时，会出现undefined
        var age;
        console.log(age)       
    </script>

      // 声明变量时的特殊情况
        // 1、只声明不赋值时，打印的结果是undefined
        // var age;//只声明
        // console.log(age); //undefined

        // 2、不声明，不赋值，直接使用时会报错 age is not defined
        // console.log(age);

        //3、 不声明 只赋值时，可以使用，但不规范
        // age = 18;
        // console.log(age); //18

二、命名规范：

由字母(大小写)、数字（0-9）、特殊符号（_$）组成，例如：age、userName、user_name

同样的变量名，大小写不一样，代表不同的变量 ,例如:userName、username是两个变量

不能使用关键字，eg:var name value 可以写val

变量名不能以数字开头 eg:1age 、1_age

遵循驼峰命名，首字母小写，后面的单词首字母全部要大写：age email myFristName

关键字：在js已经使用过的字，不能再当做变量名使用

if else for this with typeof in throw try cacth do finally break return

保留字：预留的关键词，目前还没开始使用

基本数据类型 class const export log float

三、字面量：定义时就已经知道是什么数据

JS有哪些数据类型：

一、简单(基本)数据类型：

1.number 数值型

(1)可以是整数也可以是小数

(2)进制：八进制0 十六进制0x

(3)Infinity 代表无穷大,大于任何数字

-Infinity 代表无穷小,小于任何数字

NaN not a number的缩写

        // 判断是否为非数字类型 isNaN是方法需要带括号，把需要判断的变量放在括号里  
        // isNaN返回值为false 和true  false代表是数字型  true代表不是数字型
        var age = 18;
        var uname = '李四';
        // console.log(isNaN(age));  //false age不是一个非数字类型
        // console.log(isNaN(uname)); //true  uname是一个非数字类型

2.string 字符串

 <script>
        //    字符串：String 字符串需要用引号，引号里面可以是任意文本，js中一般使用单引号'',也可以使用双引号"",
        // 但是html里面使用的都是双引号，为了做区分，所以js一般使用单引号
        // 只要是引号里面的东西都可以编译出来
        // 注意：在js里，如果字符串不加引号，浏览器会解析成js代码（也可以理解为是一个变量)，其实不是变量所以就会报错
        var str = "李四"
        var str = 'li 李四"你好"'

        // console.log(str)

        // 字符串的转义符
        var str1 = '你好\n大傻瓜'
        // console.log(str1)

        var nihao = "你好"
        // 字符串的拼接  使用+进行拼接
        console.log('你个大傻瓜' + nihao)
        // 数字之间+连接时会相加  18+18=36  字符串与数字连接时只是连接在一块'18' + 18 =1818
        console.log(18 + 18)
        console.log('18' + 18)
    </script>

3.boolean 布尔型

    <script>
        //  布尔值  boolean 有两个值 true和false,true是真，false是假
        //  true其实就是1 false就是0
        var bool = true;
        var bools = false;
        // 注:一般跟数字相加，往数字转化
        console.log(bool + 1)//2
        console.log(bools + 1)//1
        console.log(10 > 9)//true
        console.log(9 > 10)//false
    </script>

4.undefined 未定义

        //   undefined  声明变量后没给变量赋值，未定义
        var age;
        console.log(age)//undefined
        console.log(uname)//报错 uname is not defined

5.null 空（空对象）

        // null 其实就是占位符，不知道此时这个数据是什么类型时，就会先赋值为null（空）,底层原理其实就是一个空对象
        var obj = null
        console.log(obj)//null
        console.log(typeof obj)//object
        // 数据类型为object

二、复杂(引用)数据类型

object 对象 （object array function）

三、数值型的parseInt和parseFloat

 <script>
        // parseInt 把数值保留为整数 语法：parseInt（）括号里写入需要转成整数的变量名
        // 注意点：不会进行四舍五入
        var num1 = 18;
        var num2 = 13.8
        console.log(parseInt(num1))
        console.log(parseInt(num2))

        // parseFloat保留数值的浮点数（小数） 
        var num3 = 1234.32435
        console.log(parseFloat(num3))

        // parseInt 可以把字符串型的数字转化为数值型
        var str = '12px'
        //  注意parseInt把字符串转化为数字型时，必须开头就是数字，否则会是NaN
        var str = 'dff12px'
        // console.log(str)
        console.log(parseInt(str))//NaN


        console.log(123 + 123) //246
        console.log(32 + '2') //322
        console.log(212 + parseInt(12)) //224
        console.log(12 - '0') //12  
    </script>