JavaScript （一、ECMAScript ）

一、js简介和变量

1.JavaScript的概述组成和特点

a、JavaScript 是脚本语言，是世界上最流行的编程语言，这门语言可用于 HTML 和 web，更可广泛 用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备

　  JavaScript由三部分构成，ECMAScript,DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，IE和其他的浏览器风格迥异。

b、JavaScript 是一种轻量级的编程语言。

c、JavaScript 是可插入 HTML 页面的编程代码。

d、JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

f、 HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

g、脚本可被放置在 HTML 页面的任意位置，但推荐放在body下面。

 

2.变量

a、命名规则

以字母、数字、下划线组成但不能以数字开头，区分大小写

b、国际通用的命名规范：驼峰法则

（一：变量）

1：单个单词的全部小写

var name = “yts”;

2:多个单词 第一个单词全小写，其余单词首字母大写

var myName = "yts"

var showHellowWorld = "HelloWorld";

（二、类）

3：全部单词的首字母都要大写

PersonName

（三、常量）

4：所有单词的字母全大写

CONUTRYNAME

c、数据类型

Undefined var i; alert(i);

null var o = null;

Boolean var b1 = ture; var b2 = false;

number var i = 10;

string var s = 'yyt'

object var obj = { }

d、数据转换

Number：把字符串的数字，转换成对应的整数或者小数。

var s1 = "123.4";

s1 = Number(s1);

var i = 123;

var result = s1 + i;

alert(result);

 

ParseInt:把字符串类型的数字，转换成整形。

var s1 = "123.5";

var i = 123;

s1 = parseInt(s1);

var result = i + s1;

alert(result);

 

ParseFloat:把字符串类型的数字，转换成浮点型。

var s1 = "123.5";

var i = 123;

s1 = parseFloat(s1);

var result = i + s1;

alert(result);

e、变量的数据类型的查找 typeof

/*Undefined*/ var i; alert(typeof i);

/*Boolean*/ var b = true; alert(typeof b);

/*String*/ var s = "ccy"; alert(typeof s);

f、输入和输出

alert(3+2);alert("3+2");prompt("3+2");prompt(3+2);

括号里边变量和值不用引号，字符串用引号。

二、表达式和运算符

1.表达式

运算数 运算符 运算数 = 运算结果

2.运算符

a、 算术运算符

+、-、*、/、%、++、--

++自增运算

1：++在运算数的前面：先+1 再运算

2：++在运算数数后面：先运算 再+1

--自减运算

1：--在运算数的前面：先-1 再运算

2：--在运算数数后面：先运算 再-1

b、 赋值运算符

=、+=、-=、*=、/=、%=

c、比较运算符

==、===（数据和类型都相等）、！=、>、<、<=、>=、

d、逻辑运算符

&&、||、！（&&的优先级大于||的优先级）

e、多目（条件）运算符

表达式？ture：flase

三、条件语句

• if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码

if (条件) { 只有当条件为 true 时执行的代码 }

• if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码

if (条件) { 当条件为 true 时执行的代码 }else { 当条件不为 true 时执行的代码 }

• if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行

if (条件 1) { 当条件 1 为 true 时执行的代码 }else if (条件 2) { 当条件 2 为 true 时执行的代码 }else { 当条件 1 和 条件 2 都不为 true 时执行的代码 }

• if...if.... 语句

if (条件 1) { 当条件 1 为 true 时执行的代码 } if (条件 2) { 当条件 2 为 true 时执行的代码 }if(条件 2） { 当条件3为 true 时执行的代码 }；相对于if...else if....else 语句程序运行起来比较慢，每次都要判断，而if...else if....else语句，当某一个条件成立则后边的不在执行

• switch 语句 - 使用该语句来选择多个代码块之一来执行

switch (n) {case 1: 执行代码块 1 break; case 2: 执行代码块 2 break;

default: n 与 case 1 和 case 2 不同时执行的代码}

四、循环语句

While 循环会在指定条件为真时循环执行代码块。

while (条件) { 需要执行的代码 }

do/while 循环是 while 循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。

do { 需要执行的代码 }while (条件);

for 循环是您在希望创建循环时常会用到的工具。

for (语句 1; 语句 2; 语句 3) { 被执行的代码块4 }

程序执行过程：

语句 1 在循环（代码块）开始前执行，定义循环变量并初始化。

语句 2 定义运行循环（代码块）的条件，循环变量的判断。

语句 4 被执行的代码块

语句 3 在循环（代码块）已被执行之后执行，让变量更新。

五、两个特殊语句

1、Break 语句

我们已经在本教程稍早的章节中见到过 break 语句。它用于跳出 switch() 语句。

break 语句可用于跳出循环。

break 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）：

实例

for (i=0;i<10;i++) { if (i==3) { break; } x=x + "The number is " + i + "<br>"; }

2、Continue 语句

continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。

该例子跳过了值 3：

实例

for (i=0;i<=10;i++) { if (i==3) continue; x=x + "The number is " + i + "<br>"; }