1.什么是JavaScript
1.概述
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
JavaScript是一门世界上最流行的脚本语言。
2.历史
最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。
完整的JavaScript实现包含三个部分：
ECMAScript，文档对象模型，浏览器对象模型
ECMAScript它可以理解为是JavaScript的一个标准，最新版本已经到es6版本，但是大部分浏览器还只停留在支持 es5 代码上！
2.JavaScript快速入门
1.引入JavaScript
- 1.内部标签:在 HTML 中，JavaScript 代码必须位于 标签之间
<script> //......</script>
- 2.外部引入:脚本可放置与外部文件中
abs.js
JavaScript 文件的文件扩展名是 .js
//。。。
test.html
如需使用外部脚本，需在 <script> 标签的 src (source) 属性中设置脚本的名称
<script src="abc.js"></script>
外部 JavaScript 的优势：
- 分离了 HTML 和代码
- 使 HTML 和 JavaScript 更易于阅读和维护
- 已缓存的 JavaScript 文件可加速页面加载
测试代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--script标签内，写Javascript代码-->
<!--<script>-->
<!--alert('hello,world');-->
<!--</script>-->
<!--外部引入-->
<!--注意：script标签必须成对出现-->
<script src="js/yy.js"></script>
<!--不用显示定义type，也默认就是 javascript-->
<script type="text/javascript">
</script>
</head>
<body>
<!--这里也可以存放-->
</body>
</html>
2.基本语法入门
JavaScript严格区分大小写
1. 定义变量 变量类型 变量名 = 变量值;
2. 条件控制 alert(num);
<!--JavaScript严格区分大小写！-->
<script>
// 1. 定义变量 变量类型 变量名 = 变量值;
var score = 71;
// alert(num);
// 2. 条件控制
if (score>60 && score<70){
alert("60~70")
}else if(score>70 && score<80){
alert("70~80")
}else{
alert("other")
}
//console.log(score) 在浏览器的控制台打印变量！ System.out.println();
/*
* asdasdasd
* */
</script>
3.数据类型
1.变量
var 王者荣耀 = "荣耀王者";
2.number
123 //整数123
123.1 // 浮点数123.1
1.123e3 //科学计数法
-99 //复数
NaN // not a number
Infinity //表示无限大
3.字符串
’abc‘ “abc”
4.布尔值
true ， false
5.逻辑运算
&& 两个都为真，结果为真
|| 一个为真，结果为真
! 真即假，假即真
6.比较运算符
=
== 等于（类型不一样，值一样，也会判断为true）
=== 绝对等于(类型一样，值一样，结果true)
这是一个JS的缺陷，坚持不要使用 == 比较
- NaN===NaN ，这个与所有的数值都不相等，包括自己
- 只能通过 isNaN(NaN) 来判断这个数是否是 NaN
浮点数问题：:
console.log((1/3) === (1-2/3))
尽量避免使用浮点数进行运算，存在精度问题！
Math.abs(1/3-(1-2/3))<0.00000001
7.null 和 undefined
- null 空
- undefined 未定义
8.数组:Java的数值必须是相同类型的对象~，JS中不需要这样！
//保证代码的可读性，尽量使用 []
var arr = [1,2,3,4,5,'hello',null,true];
new Array(1,12,3,4,4,5,'hello');
取数组下标：如果越界了，就会undefined
9.对象:对象是大括号，数组是中括号
- 每个属性之间使用逗号隔开，最后一个不需要添加
//Person person = new Person(1,2,3,4,5);
var person = {
name: "yy",
age: 18,
tags: ['js','java','web','...']
}
- 取对象的值
person.name
> "yy"
person.age
> 18
4.严格检查格式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--
前提：IEDA 需要设置支持ES6语法
'use strict'; 严格检查模式，预防JavaScript的随意性导致产生的一些问题
必须写在JavaScript的第一行！
局部变量建议都使用 let 去定义~
-->
<script>
'use strict';
// 全局变量
let i = 1;
// ES6 let
</script>
</head>
<body>
</body>
</html>
