JavaScript的基本语法（变量、数据类型和运算符）

TOTO come on

已于 2022-08-31 22:43:03 修改

阅读量127

点赞数

文章标签： javascript 前端 java

于 2022-08-15 20:35:00 首次发布

本文链接：https://blog.csdn.net/qq_56756602/article/details/126352990

版权

1变量

1.概念：变量指的是在数据中心保存数据的容器

变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据
也就是说，我们向内存中存储了一个数据，然后要给这个数据起一个名字，为了是我们以后再次找到他
变量的本质是内存中一个存储单元

语法：var变量名=值

2.定义变量及赋值

<body>
    <script>
        var score //定义一个名为score的变量
        score = 200//将200赋值给变量score
        console.log(score)//控制台显示变量值

        var age = 18
        console.log(age)
        var a = 3
        var b = 10

    </script>
</body>

在网页点击右键检查查看源代码，在点击console才看显示结果

注意：

1.一个变量名只能存储一个值

2.当在次给一个变量赋值的时候，前面那一次的值就会被覆盖

3.变量名区分大小写（JS区分大小写）

3.变量的命名规则及规范

1.规则：

1.一个变量名可以有数字，字母，英文下划线(_),美元符号$ 组成

2.严格区分大小写

3.不能由数字开头，不要使用中文汉字命名

4.不能是保留字或关键字

5.不能出现空格

2.规范

1.变量名尽量有意义（语义化）

2.遵循驼峰命名（由多个单词命名时，从第二个单词开始，首字母大写）

4.访问变量值

控制台输出语句：console.log("输出内容") 引号中的内容被打印在控制窗口

console.log("变量名") 引号中的变量值被打印在控制窗口

2.数据类型

概念

- 是指我们存储在内存单元中值的类型
- 我们通常分为两大类基本数据类型和复杂数据类型

1.基本数据类型

1.数值型（number）

a.一切数字都是数值类型（包括二进制，十进制，十六进制等）eg:1 2 3 3.5等

b.NaN（not a number）一个非数字

2.字符串类型（string）

被引号所包裹的任何内容（" number" ' rose' `23`）

3.布尔类型（boolean）

它的值只有两个true和false

4.null类型（null）

只有一个，就是null，表示空的意思

5.undefined类型（undefined）

只有一个，就是undefined，表示没有值

  <script>
        
        var num = 100         // number
        var userName = 'jack' // string
        var isDelete = false   // boolean
        var isObject = null   // object
        var age               // undefined

        console.log(typeof num, num)  // 控制台显示num变量的数据类一幕 
        console.log(typeof userName)
        console.log(typeof isDelete)
        console.log(typeof isObject)
        console.log(typeof age)

        console.log('num :',num)

    
    </script>

2.判断数据类型

利用typeof关键字来对存储的关键字进行判断是什么类型的

   <script>
    var num=200
    var userName='lucy'
    var isDelete=true
    var isObject=null
    var name
    console .log(typeof num)
    console .log(typeof userName)
    console .log(typeof isDelete)
    console .log(typeof isObject)
    console .log(typeof name)

   </script>

输出结果为：

isNaN(x)函数用于检查其参数x是否是非数字值,是非数字值返回true，否则返回false


       <script> 
         console.log( isNaN('jack') )
        console.log( isNaN(100) )
        </script>

提示：isNaN() 函数通常用于检测 parseFloat() 和 parseInt() 的结果，以判断它们表示的是否是合法的数字。
当然也可以用 isNaN() 函数来检测算数错误，比如用 0 作除数的情况。

3.数据类型的转换

数据类型之间的转换，比如数字转成字符串，字符串转成布尔，布尔转成数字等

1.Number(变量)

a. 可以把一个变量强制转换成数值类型

b.可以转换成小数，会保留小数

c.可以转换成布尔值

d.遇到不可转换的都会返回NaN

  <script>
        
        var message = '100' //string
        console.log(message,  typeof message)
        console.log( Number(message),  typeof Number(message) )

        console.log(Number('jack'),  typeof Number('jack'))

        var a = '' //空字符串  string
        console.log(Number(a), typeof Number(a));


        console.log('parseInt 100 :', parseInt('100') )
        console.log('parseInt 10a0 :', parseInt('10a0') )
        console.log('parseInt 20.98 :', parseInt('20.98') )

        console.log('parseFloat 20.98 :', parseFloat('20.98') )

    
    </script>

运行结果

2.parseInt(变量)

从第一位开始检查，是数字就转换，知道一个不是数字的内容

开头就不是数字，就返回NaN

不认识小数点，只能保留整数

3.parseInt(变量)

从第一位开始检查，是数字就转换，知道一个不是数字的内容

开头就不是数字，就返回NaN

认识小数点

4.除了加法以外的数学运算

运算符两边都是可运算的数字才行

如果运算符任何一遍不是可运算的数字，就会返回NaN

加法不可以用

4.运算符

就是在代码里面进行运算的时候使用的符号，
不光只是数学运算，我们在 js 里面还有很多的运算方式

数学运算符

赋值运算符

比较运算符

逻辑运算符

自增自减运算符

运算符优先级

关键字