【JavaScript 学习】(一）

1. 引入 JavaScript

alert：弹窗

使用 ECMAScript 6 版本

2. 基本语法、控制语句

与 java 两点区别：

所有变量类型均为：var

局部变量用 let

可直接定义字符串：‘helloword’

其余按 Java 规范 注释也是一样的（// /**/

JavaScript 严格区分大小写

3. 浏览器必备调试须知

3.1 Elements（H5，CSS）

爬网站、复刻网站

3.2 Console 网页控制台（JS）

打印输出：console.log();

3.3 Source 源码（断点）

可打断点，然后刷新网页运行 debug

3.4 Network 网络请求（抓包）

3.5 Application web数据库（查看 cookie）

存一些简单的数据保存在网页里

4. 数据类型

数值、文本、图形、音频、视频…
变量：var

4.1 字符串

‘abc’ ‘‘abc’’

多行字符串编写

// tab 上面 `
var msg = 
	`hello
	world
	你好鸭
	你好`

模板字符串

// tab 上面 `
let name = "qinjiang";
let age = 3;

let msg = `你好鸭, ${name}`

字符串的不可变性

4.2 比较运算符

== 等于（类型不一样，值一样，也会判断为 true）
=== 绝对等于（类型一样， 值一样，结果为 ture）

这是一个 JS 的缺陷，坚持不要使用 ==比较
须知：

• NaN === NaN 结果为 false， 这个与所有的数值都不相等，包括自己；
• 只能通过isNaN(NaN)来判断这个数是否是 NaN

4.3 浮点数问题：

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

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

Math.abs(1/3 - (1 - 2/3)) < 0.000000001
JS 中用绝对值，Java 用 BigDecimal 类；

4.4 null 和 undefined

• null 空
• undefined 未定义

4.5 数组

Java 中数组必须是相同类型的对象， JS 中不需要

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

取数组下标，如果越界了，就会

undefined

slice()：截取 Array 的一部分，返回一个新数组 （类似 String 中的 substring

4.6 对象

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

JS 中所有的键都是字符串，值是任意对象！

4.7 Map 和 Set

5. 严格检查模式