JavaScript

时间：2021-04-03 09:30:24 收藏：0 阅读：30

1. 什么是JavaScript

一门世界上最流行的脚本语言

一个合格的后端人员，必须要精通JavaScript

2. 快速入门

2.1 引入JavaScript

内部标签

<script>
    alert(‘hello world‘);
</script>

外部引入
```
<script src="js/hjq.js"></script>
```

测试的代码是：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--  script标签内写JavaScript代码  -->
    <script>
        alert(‘hello world‘);
    </script>

    <script src="js/hjq.js"></script>

</head>
<body>


<!-- 这里也可以写 -->
</body>
</html>

2.2 基本语法入门

变量、条件控制

<!--  JavaScript严格区分大小写  -->
<script>
    // 1. 定义变量
    var score = 71;

    // 2. 条件控制
    if(score >= 60 && score < 70){
        alert("及格");
    }else if(score >= 70 && score < 80){
        alert("良好");
    }else{
        alert("other");
    }

    //console.log(score)  在浏览器的控制台打印变量  sout


</script>

附：浏览器必备调试须知：

调试：点开浏览器审查元素、点开Source、双击点开代码文件、点击断点、刷新网页、进入了调试，可以点击运行下一步或者直接运行完。

2.3 数据类型

数值、文本、图形、视频……

number

js不区分小数和整数，Number

123 //整数
123.1  //浮点数
1.123e3  //科学计数法
-99  //负数
NaN  //not a number
Infinity  //表示无穷大

字符串

‘abc‘ "abc"

转义字符与Java一致
布尔值

true、false
逻辑运算
```
&&

||

!
```

比较运算符（重要）

=

== 等于（类型不一样，值一样，也会判断为true）

=== 绝对等于（类型一样，值一样）

js缺陷，坚持不要使用 == 比较

须知：

NaN与所有的数值都不相等，包括自己
只能通过isNaN（）来判断这个数是否是NaN

尽量避免使用浮点数运算，存在精度问题。

console.log((1/3) === (1 - 2/3));  //false

//可以用这种方式判断是否相等
Math.abs(1/3 - (1 - 2/3)) < 0.000001

null和undefined

null：空

undefined：未定义

数组

js中数组元素不需要同类型

//保证代码的可读性，尽量使用[]
var arr = [1,2,3,‘hello‘,null,true];
new Array(1,12,3,4,‘hello‘);

取数组下标，越界了就会： undefined

对象

对象是大括号，数组是中括号

//定义对象
var person = {
    name: "hjq",
    age = 20,
    tags: [‘js‘,‘java‘,‘web‘,‘...‘]
}

//取值
person.name
>"hjq"
person.age
>20

2.4 严格检查格式

前提：IDEA需要设置支持ES6的语法

‘use strict‘：严格检查模式，预防JavaScript的随意性导致产生的一些问题

必须写在JavaScript的第一行

局部变量建议用let去定义

<script>
	‘use strict‘;
    let i = 1;
</script>

3. 数据类型

3.1 字符串

正常字符用‘‘ 或者 ""包裹

转义字符\

\‘
\n
\t
\u4e2d    \u####    Unicode字符
\x41	Ascll字符

多行字符串编写

var msg=
    ‘hello
world
你好ya
你好‘

模板字符串

let name = "hjq";
let age = 20;
let msg = ‘你好呀，${name}‘

字符串长度
```
str.length	//这是属性，不加()
```
字符串的可变性

不可变

大小写转换

student.toUpperCase()	//这个是方法，要加()
student.toLowerCase()

字符位序
```
student.indexOf(‘t‘)
```

字符截取——substring

student.substring(1)	//第一个字符截取到最后一个字符
student.substring(1,3)	//[)->包含第1个不包含第3个

3.2 数组

原文：https://www.cnblogs.com/blogs-hjq/p/14612931.html