Javascript第一天

一 初识JavaScript

运行在客户端的脚本语言

边解释边执行 解释型语言

（1）JavaScript作用

浏览器本身不运行JS 通过Js引擎来运行

（2）Js组成

1 ECMAScript规定编程语法和核心知识，一套工业标准

2 Dom（文档对象模型）提供接口 可对页面上各种元素操作（大小 位置 颜色）

3 Bom操作浏览器窗口 弹出 跳转 获取分辨率

（3）Js书写位置

1 行内式js

2 内嵌式js

3 外部js

Script中间不允许写代码

适合代码量比较大的情况

二 Javascript注释

三 JavaScript输入输出语句

输入框prompt

弹出警示框alert

控制台输出console

四 Js变量

（1）变量的概述

装东西的盒子 内存中申请来存放数据的空间

（2）变量的使用

1声明变量

Var 变量名

2赋值

右值赋给左            

应用如下

（3）变量语法拓展

1更新变量 可被覆盖

2同时声明多个变量

3声明变量特殊情况

声明不赋值 系统undefined未定义

声明未定义变量 报错

不声明直接赋值 可使用但不提倡

（4）变量命名规范

不能以数字开头

Name在浏览器中可能有特殊含义 一般不作为变量名

五 数据类型

Js变量数据类型只有运行过程中 赋值来确定的

Js动态语言 变量数据类型可变化

（1）简单数据类型

Number会自动转换为十进制

数字前加0八进制 0x十六进制

Boolean布尔型

判断数字的函数isNaN() 返回布尔类型

String

字符串引号嵌套外双内单 内单外双

字符串转义字符

检测获取字符串长度 length

字符串+字符串=字符串

其他类型+字符串=字符串

Undefined未定义数据类型

Null空值

（2）获取变量数据类型

Type of

（3）数据类型转换

转成字符串

转化为数字型（重点）

红框内重点 其他了解即可

运用示例

转换为布尔型

Boolean()

六JavaScript运算符

运算符介绍

操作符 实现赋值 比较 算术运算

1算术运算符

加减乘除+-*/

%取余

精度问题 尽量不用浮点数判断大小

2递增和递减运算符

++--放在变量前面前置递增运算符

先自加 后返回值

++--放在变量后边后置递增运算符

先返回原值后自加一

如图 先返回20 再返回11

练习：

递减同递增

3比较运算符

返回布尔值

==默认转换数据类型比较

应用如下

4逻辑运算符

逻辑中断逻辑与

短路运算（逻辑中断）：

左边可以确定结果 后边不继续计算

5赋值运算符

6运算符优先级

七 流程控制分支结构

流程控制

顺序 分支 循环结构

（1）顺序结构 顺序流程控制

顺序执行

（2）分支结构 分支流程控制if语句

代码多选一 得到不同的结果

单分支语句

if（真）执行大括号里的；

if（假）不执行大括号里的

if else双分支语句

多分支语句

if else if

（3）循环结构

1 循环

可以重复执行某些语句（代码）

2 for循环

语法结构

代码示例

3 双重for循环（未完待续）

4 while循环

5 do while循环

6 continue break

（4）三元表达式

三元运算符组成的式子

语法结构

真则返回表达式1的值，假则返回表达式2的值

（5）分支流程控制switch语句

语法结构