【千锋前端】day02 JavaScript基础知识_千锋前端JavaScript全套教程

本文链接：https://blog.csdn.net/qq_37581764/article/details/132223117

视频地址：【千锋前端JavaScript全套教程_JS零基础完美入门到项目实战】 https://www.bilibili.com/video/BV1W54y1J7Ed/?share_source=copy_web&vd_source=b1cb921b73fe3808550eaf2224d1c155

2.3 JavaScript 数据类型转换

2、JavaScript基础知识

2.1 JavaScript定义变量

var(关键字) num(变量名) = 100(数据)

变量命名规则：

1、变量可以由数字、字母、下划线、美元符组成，且不能以数字开头

2、变量区分大小写

3、不能是关键字，比如var，for等等

4、建议使用一些有意义的单词，能直观明确地看到变量保存的内容是什么，或者使用拼音，但不要用拼音缩写。

补充1：注释

<script>
    //  单行注释

    /*  
        多行注释
    */

</script>

补充2：三种打印方式

<body>
    <script>
        var num = 100
        // 在浏览器弹窗显示 num 值
        alert(num)

        // 在控制台打印 num 的值
        console.log(num)

        // 直接在页面输出 num的值
        document.write(num)
    </script>
</body>
</html>

alert

console

document 在页面打印num

2.2 JavaScript的数据类型

2.2.1 JS中的数据类型

JS中的数据
- 基本数据类型
  - 数值类型
  - 字符串类型 JS中不区分单引号和双引号，前后引号对应就好了
  - 布尔类型
  - 空类型
    - undefined
    - null
- 引用数据类型

2.2.2 空类型

空类型

null：表示有值，有一个空值

var k1 = null

undefined：表示没有值

var k2 (没有对k2赋值）

2.2.3 检测数据类型

检测数据类型：使用typeof关键字

语法：typeof 要检测的变量

结果：要检测的变量存储的数据的数据类型

    <script>
        var num = 10
        var result = typeof num
        alert(result)
    </script>

数据类型	typeof的数据类型
number	number
string	string
boolean	boolean
undefined	undefined
null	object

null比较特殊，typeof返回的是object类型。

2.3 JavaScript 数据类型转换

转数值：把其他数据类型转换成数值类型

转字符串：把其他数据类型转换成字符串类型

转布尔：把其他数据类型转换成布尔类型

2.3.1 转数值

1、Number()

语法：Numer(要转换的内容)

2、parseInt()

转换字符串‘100aaa’，结果是100，只转换开始是数字的部分。

解析规则：把解析的对象一位一位地查看，只有第一位就不是合法数字的时候，会出现NaN，否则就是把前面的数字位置内容保留

3、parseFloat()

与parseInt()区别，parseFloat能解析到小数部分，parseInt只能解析到整数部分。

2.3.2 转字符串

1、String()

语法：String(要转换的内容)

2、toString()

语法：要转换的内容.toString()

2.3.3 转布尔

Boolean()

语法：要转换的内容.Boolean()

转换成true的内容：除了转换成false的5个，其他都转换成true

转换成false的内容：0 NaN ‘’(空字符串) undefined null 一共5个

2.4 JavaScript 的运算符

2.4.1 算术运算符

1、+

加号两边中任意一边是字符串，那么就会进行字符串拼接，除此之外就是加法运算

2、-

3、*

4、/

5、%

2.4.2 赋值运算符

2.4.3 比较运算法

==：等于比较，只比较值是否相等，不考虑数据类型

===：全等于比较，必须要值和数据类型都相等，才是true

!=：不等于比较，只比较值是不是相等，不考虑数据类型

!==：不全等于比较，只要值和数据类型任何一个不相等，就是true

2.4.4 逻辑运算符

&&：与运算

||：或运算

!：非运算，取反运算符

【千锋前端】day02 JavaScript基础知识_千锋前端JavaScript全套教程_JS零基础完美入门到项目实战

2、JavaScript基础知识

2.1 JavaScript定义变量

2.2 JavaScript的数据类型

2.2.1 JS中的数据类型

2.2.2 空类型

2.2.3 检测数据类型

2.3 JavaScript 数据类型转换

2.3.1 转数值

2.3.2 转字符串

2.3.3 转布尔

2.4 JavaScript 的运算符

2.4.1 算术运算符

2.4.2 赋值运算符

2.4.3 比较运算法

2.4.4 逻辑运算符

2.4.5 自增自减运算符