关于JavaScript初级的知识点一(持续更新 )

时间:2024-07-03 11:34:15

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