1.什么是JavaScript
1.1 概述
JavaScript是一门世界上最流行的脚本语言
Java、JavaScript
一个合格的后端人员,必须要精通JavaScript
2.快速入门
2.1、引入javaScript
-
内部标签
<script>//... </script>
-
外部引入
abs.js
//...
test.html
<script src="abs.js"></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;// 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) 在浏览器的控制台打印变量!</script>
浏览器必备调试须知:
2.3、数据类型
数值,文本,图形,音频,视频......
变量
var
number
JavaScript不区分小数和整数,Number
123 //整数123
123.1 //浮点数123.1
1.123e3 //科学计数法
-99 //负数
NaN //not a number
Infinity //表示无限大
字符串
‘abc’ "abc"
布尔值
true false
逻辑运算
&& 两个都为真,结果为真|| 一个为真,结果为真! 真即假 ,假即真
比较运算符!!!重要!
=
== 等于(类型不一样,值一样,也会判断为true)
=== 绝对等于(类型一样,值一样,结果才为true)
这是一个JS 的缺陷,坚持不要使用==比较
须知:
- NaN === NaN,这个与所有的数值都不相等,包括自己
- 只能通过isNaN(NaN)来判断这个数是否是NaN
浮点数问题:
console.log((1/3) === (1-2/3))
false
尽量避免使用浮点数进行运算,存在精度问题
null和undefined
- null 空
- undefined 未定义
数组
Java的数组是一系列相同类型的对象~,JavaScript中不需要这样!
//保证代码的可读性,尽量使用[]
var arr = [1,2,3,4,5,'hello',null,true];new Array(1,2,3,4,5,'hello',null,true)
取数组下标:如果越界了显示undefined
对象
对象是大括号,数组是中括号
每个属性之间用逗号隔开,最后一个不需要添加
<script>var person = {name:"yaning",age:23,tags:['js','java','web']}</script>