1.什么是JavaScript
是一种基于对象和事件驱动的、并具有安全性能的脚本语言
特点
向HTML页面中添加交互行为
脚本语言,语法和Java类似
解释性语言,边执行边解释
组成
![](https://img-blog.csdnimg.cn/img_convert/e29df37d7f5f62b002e44cdf47359e32.png)
1.1JavaScript的基本结构
<script type="text/javascript" >// JavaScript 语句;</script >
1.2网页中引用JavaScript的方式
内部JavaScript文件
适用于代码量较少的单个页面
外部JavaScript文件
适用于代码量多,且可以重复应用于多个页面
随着后续项目规格增加,最为推荐
直接写在HTML标签中
适用于代码量极少的情况
增加了HTML代码,没有将结构与交互分离开,不推荐使用
2.声明变量:一次可以声明一个或多个变量(除了用var 定义变量,还能用let定义)
![](https://img-blog.csdnimg.cn/img_convert/f40ec9af441f449bcad2df9427892b4f.png)
2.1为变量赋值
先声明变量再赋值
![](https://img-blog.csdnimg.cn/img_convert/e4227dd8e41aa16e71e4213774bc12eb.png)
同时声明和赋值变量
![](https://img-blog.csdnimg.cn/img_convert/b45c4ef20647187a89566df5df028108.png)
不声明直接赋值
![](https://img-blog.csdnimg.cn/img_convert/16906a383769f314af9d26af9e67e300.png)
基本数据类型
number (整数,浮点数)
八进制:以0开头,其后的数字可以是任何八进制数字(0~7)
十六进制:以0x或0X开头,其后的数字是任意的十六进制数字和字母(0~9和A~F)
特殊数据类型
NaN(Not a Number):表示非数字
string (单/双引号)
字符串的基本方法和属性
![](https://img-blog.csdnimg.cn/img_convert/307f1724c13f79c834fc98d011eeeece.png)
boolean(true/false)
特殊数据类型
null (表示赋了值,但值为null)
undefined (没有赋值,或属性不存在)
typeof(用于判断某个值或变量的数据类型)
![](https://img-blog.csdnimg.cn/img_convert/e896fe4c71bfb1bb27a0ec6296d23fcb.png)
运算符:
算术运算符 | + - * / % ++ — |
比较运算符 | > = <= == != === !== |
逻辑运算符 | && || ! |
赋值运算符 | = += -= |
(===用于严格比较,只要数据类型不匹配,就返回false)
关键字:
break | delete | if | this | while |
case | do | in | throw | with |
catch | else | instanceof | try |
|
continue | finally | new | typeof |
|
debugger | for | return | var |
|
default | function | switch | void |
|
保留字:
abstract | debugger | float | long | short |
boolean | double | goto | native | static |
byte | enum | implements | package | super |
char | export | import | private | synchronized |
class | extends | int | protected | throws |
const | final | interface | public | transient |
volatile |
|
|
|
|
*严格检查模式
<script type="text/javascript">'use strict';//全局变量let i=9;</script>
'use strict'; 严格检查模式:预防JavaScript的随意性导致产生的一些问题
必须写在JavaScript的第一行
局部变量建议都使用let去定义