关于JavaScript初级的知识点一（持续更新 ）

自己刚开始接触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