一、什么是JavaScript
1.1、概述
JavaScript是一门世界上最流行的脚本语言。
java、JavaScript是没有关系的。JavaScript语言10天设计就出来了。
一个合格的后端,必须精通JavaScript。
1.2、历史
https://blog.csdn.net/kese7952/article/details/79357868
ECMAScript可以理解为是JavaScript的一个标准。
最新版已经到es6版本,但是大部分浏览器停留在es5代码上,所以会造成开发环境和线上环境版本不一致。
二、快速入门
2.1、引入JavaScript
- 内部标签使用。
<!--script标签内,写JavaScript代码-->
<script>alert("hello world");
//...
</script>
- 外部引入。
qj.js
<!--外部引入。注意:script必须成对出现-->
<script src="js/qj.js"></script>
<!--不用显示定义类型type,也默认就是javascript-->
<script type="text/javascript"></script>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!--script标签内,写JavaScript代码--><script>alert("hello world");</script><!--外部引入。注意:script必须成对出现--><script src="js/qj.js"></script><!--不用显示定义类型type,也默认就是javascript--><script type="text/javascript"></script>
</head>
<body><!--这里也可以存放-->
</body>
</html>
2.2、基本语法入门
<!--javaScript严格区分大小写-->
<script>// 1.定义变量 变量类型 变量名=变量值;var score = 1;var name = "jyw";alert(name);// 2.条件控制if (score < 60) {
alert(false);} else if (score >= 60 && score < 70) {
alert(true);}console.log(score);/**文本注释和java一致。* 浏览器检查元素里面:* 1.Elements:爬网页,复刻用。* 2.Console:调试js。* 3.Soures里面可以打js断点,进行调试。* 4.NetWork可以查看网页请求信息,。* 5.Appication用来存一些数据,查看Cookies相关信息。* 等等* *///console.log(score)在浏览器控制台打印变量!//Java里面是:System.out.println()// </script>
浏览器必备调试须知
2.3、数据类型
数值,文本,图形,音频,视频…
变量
var _$
var 王者荣耀="倔强青铜";
number :数值类型,js不区分小数和整数。
123//整数123
123.1//浮点数123.1
1.123e3//科学计数法
-99//负数
NaN//not a number
Infinity//无穷大
字符串
‘abc’ “abc”
“\n”
布尔值
true,false
逻辑运算
&& ,||, |
比较运算符号
=
== 等于(类型不一样值一样,也会判断为true)
=== 绝对等于(类型一样,值一样)
这个js一个缺陷,坚持使用===
须知:
- NaN===NaN,NaN与所有数值都不相等,包括自己。
- 只能通过isNaN(NaN)来判断是不是NaN
浮点数问题:
console.log((1/3)===(1-2/3));//false
尽量避免使用浮点数进行运算,存在精度问题。
console.log(Math.abs(1/3-(1-2/3))<0.0000001);//true
null和undefined
- null 空
- undefined 未定义
数组
java的数组必须是列相同类型的对象,js中不需要这样!
//为了保证代码的可读性,尽量使用[]这种方式
var arr = [1, 2, 3, 4, 5,"hello",null,true];
//数组对象
new Array(1, 2, "hello");
//打印数组元素,数组下标越界的,就会undefined
console.log(arr[0]);
对象
对象是大括号,数组是中括号。
每个属性之间用逗号隔开,最后一个需要逗号。
//Persion persion=new Persion();
var person = {
name: "jyw",age: 3,tags: ['js', 'java', 'web']
}
取对象的值
person.age
3
person.name
"jyw"
2.4、严格检查模式
<!--
前提:idea 需要设置支持ES6语法。
'user strict';严格检查模式,预防js的随意性导致的一些问题,
必须写在script里面第一行。
局部变量用let定义。
-->
<script>'user strict';let i = 1;
</script>