JavaScript学习笔记(一）

1、JavaScript是什么？

是一种运行在客户端（浏览器）的编程语言

2、JavaScript的组成是什么？

ECMAScript（基础语法）、WebAPIS（DOM、BOM）

3、JavaScript书写位置有哪些？

行内、内部、外部

4、注释方式有哪些？

//  单行注释，快捷键：ctrl+/ 

/*   */  多行注释，快捷键：shift+alt+A

5、变量是什么？

是一个存储数据的“容器”

6、变量的命名规范？

由数字、字母、下划线_、美元符号$组成

不能以数字开头

不能使用关键字命名

严格区分大小写

7、变量使用let声明

8、常量使用const声明

9、变量和常量的区别？

变量可声明后不赋值，而常量必须赋值

let age

age=18

const num=10

变量可以再次赋值，而常量不能再次赋值

let age=17

age=18

const num=10

10、JavaScript的数据类型有哪些？

基本数据类型：数字类型number、字符串类型String、未定义类型undefined、空类型null、布尔类型Boolean

引用数据类型：对象类型object

11、数据类型的转换有哪些？

显式转换、隐式转换

显式转换

将字符串类型转换为数值型：Number和+

方法一：使用Number

//prompt弹窗输入，输入后获取的数据为字符类型，需要将其转换为数值类型

let age=prompt("请输入你的年龄：")

//打印输出 19

Document.write(Number(age)+1)

方法二：使用+

// +可以将字符型转化为数值型

let age = +prompt("请输入你的年龄：")

// 打印输出 19

Document.write(age+1)

parseInt(保留到整数部分)和parseFloat(保留到小数部分)

<script>
        // 显示转换 parseInt 只保留整数部分
        // 输出为：123
        console.log(parseInt("123px"))

        // 输出为：123
        console.log(parseInt("123.12px"))

        // 输出为：123
        console.log(parseInt("123.96px"))

        // 输出为：NaN
        console.log(parseInt("abc123px"))

        // 显示转换 parseFloat 保留到小数部分
        // 输出为：123
        console.log(parseFloat("123px"))

        // 输出为：123.12
        console.log(parseFloat("123.12px"))

        // 输出为：123.96
        console.log(parseFloat("123.96px"))

        // 输出为：NaN
        console.log(parseFloat("abc123px"))
    </script>

隐式转换，typeof可以查看该数据的数据类型

  <script>
        // 字符类型 + 数值类型 ：转换为 字符类型
        // 123123
        console.log("123" + 123)
        // 输出为：String123
        console.log(typeof "123" + 123)

        // 当 + 单独使用时，字符类型可以转化为数值类型
        // 输出为：123
        console.log(+'123')
        // 输出为：number
        console.log(typeof +'123')

        // 字符类型 - * / % 数值类型：转换为 数值类型
        // 输出为：0
        console.log("123" - 123)
        // 输出为：1
        console.log('1' * 1)
        // 输出为：2
        console.log('4' / 2)
        // 输出为：0
        console.log('4' % 2)
    </script>

 1、运算符类型有哪些？

赋值运算符

+、-、*、/、%

比较运算符

>、<、==、!=、===、>=、<=

==比较等式两边的值是否相等，===比较等式两边的数据类型和值是否相等

比较运算符返回值为：true或者false

不同类型之间会进行隐式转换，即将数据隐式转换为number类型，再进行比较，例如：2==‘2’，会将‘2’字符串类型转化为数值型number，最终返回true

自增运算符

先赋值后运算：++i

先运算后赋值：i++

        let i = 1
        // 2  1+1
        console.log(i++ + 1);
        // 3  1+2
        // console.log(1 + ++i);
        // 3  1+2
        // console.log(i++ +i);
        // 4  1+3
        // console.log(i++ + ++i ); 
        // 7  1+3+3
        // console.log(i++ + ++i + i);2
        // 11 2+2+3+4
        // console.log(++i + i++ + i++ + i);

逻辑运算符

与&&、或||、非！