自己刚开始接触JS这是自己一个多月以来的一些总结和回顾。
一.什么是js?
js是一种弱类型的脚本语言,是HTML的3大组成部分之一。HTML标签 CSS样式 JS脚本。
二.js的5种基本数据类型
1.Number 值是数值
2.String 值是字符串
3.Boolean 值是布尔值 (ture, fales)
4.Null 值为空
5.Undefine 值为定义
js的操作符
- 赋值操作符 : =
- 算术操作符: + - * /%
- 关系操作符: < > == <= >= !=
- 条件操作符
- 逻辑操作符 与 && 或 || 非 !
- 递增递减操作符 ++ —— i ++ ++i
操作符的优先级 逻辑非 >算术操作符 > 关系操作符> 逻辑与逻辑或 > 条件操作符> 赋值操作符
在 js中 ()提升优先级 [] 数组 {} 对象
三.js的基本特征
1>js 的特点
- 一种 解释执行的脚本语言
- 一种基于对象的脚本语言
- 一种简单弱类型 脚本语言
- 一种事件驱动的脚本语言
- 一种相对 安全的脚本语言
- 一种跨平台的脚本语言
2>基于事件驱动的语言
<1>鼠标事件
a.点击事件 onclike
b.移入事件 onmouseover
c.移出事件 onmouseout和onmouseleave
d.滚轮事件 onmousewheel FireFox:DOMMouseScroll
e.按下事件 onmousedown
f. 拖移事件 onmousemove
g.弹起事件 onmouseup
<2>键盘事件
a.键盘按下事件 onkeydown 针对全键盘,不区分大小写
b.键盘按住事件 onkeypress 针对数字和字母,区分大小写
c.键盘弹起事件 onkeyup 针对全键盘,不区分大小写
<3>移动设备的屏幕旋转事件
onchange
<4> 添加监听事件
AddEventListener()添加监听事件 (addEventListener('mouseout',函数名,false));
attachEvent() IE 浏览器
(3个参数)a.事件名称
b.事件执行的函数
c. 事件捕获
<5> 移除监听事件
RemoveEventListener () ; detachEvent() IE浏览器
<6>事件一旦被触发,就会生成一个对应事件类型的event对象,可以通过event 对象所包含的数据进行界面操作
3>
js是解释型语言,是不需要整体编译的,可以逐行执行。解释型语言是相对于编译型语言而言。
编译型语言:是整个项目需要先通过编译器成机器能够读懂的机器指令(二进制序列)再去执行。
四. js的变量定义
1>. 变量定义需要使用关键字var,如果不使用var,则变量的定义时会被当做全局变量对待。
变量定义时一定要赋值,否则直接使用会提示变量undefine
2>变量的命名规范
a.数字,字母,下划线,$等。
b.不能以数字开头
c.驼峰命名法则
d.见名知义
e.区分大小写
五. 程序执行的三大结构
1>.默认的为顺序结构
2>.循环结构
a.for 循环
for(循环变量初始化(1);循环条件(2);循环增量(3){
循环体(4);
}
b. while 循环
while 循环格式
while(循环条件){
循环体}
c. do-while
do-while的循环结构
do{
循环体;
}while(循环条件)
while 和 do-while 相同点在于 都是不知道循环的次数。
区别:while 循环判断条件为真,执行循环体,有可能一次循环体都不执行。
do-while 是先执行循环体,在判断条件是否为真,如果为真则继续执行,至少执行一次循环体。
3>. 分支结构
<1>.if 语句
a. if 语句
if(判断语句){
语句
}
b. if- else 语句
if(判断语句){
语句1}else {
语句2
}
语句3
c. if -else if-...-else语句
<2>.switch-case 语句 (只能用 break)
switch(表达式){
case 值1: 语句1break;
case 值2:语句2break;
...
default:语句break;
}
- 注意点:break是结束当前循环,
- continue是结束本次循环,进行下次循环,
- 使用break就已经不再循环了
- 使用continue还要继续进行循环
<3>.三目运算符(条件运算符)
表达式3 ? 表达式1 :表达式2
如果表达式3成立执行表达式1,如果不成立,执行表达式2