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>"; }
posted on 2017-08-03 11:00  ★【金字塔】☆  阅读(167)  评论(0编辑  收藏  举报