循环语句

通过循环语句可以反复的执行一段代码多次

while循环 - 语法： while(条件表达式){ 语句... }

while语句在执行时，先对条件表达式进行求值判断，如果值为true，则执行循环体，循环体执行完毕以后，继续对表达式进行判断

如果为true，则继续执行循环体，以此类推

如果值为false，则终止循环

do...while循环 - 语法： do{ 语句... }while(条件表达式)

执行流程：

do…while语句在执行时，会先执行循环体，循环体执行完毕以后，在对while后的条件表达式进行判断，

如果结果为true，则继续执行循环体，执行完毕继续判断以此类推

如果结果为false，则终止循环

实际上这两个语句功能类似，不同的是while是先判断后执行，而do…while会先执行后判断，do…while可以保证循环体至少执行一次，而while不能

for语句，也是一个循环语句，也称为for循环

在for循环中，为我们提供了专门的位置用来放三个表达式：

初始化表达式

条件表达式

更新表达式

for循环的语法：

for(①初始化表达式;②条件表达式;④更新表达式){

③语句...

}

for循环的执行流程：

①执行初始化表达式，初始化变量（初始化表达式只会执行一次）

②执行条件表达式，判断是否执行循环。

如果为true，则执行循环③

如果为false，终止循环

④执行更新表达式，更新表达式执行完毕继续重复②

任意一种循环都可以互相嵌套

以下是死循环的写法

像这种将条件表达式写死为true的循环，叫做死循环

该循环不会停止，除非浏览器关闭，死循环在开发中慎用

可以使用break，来终止循环

while(true){

if(j>10){

break;//退出整个循环

}

j++;

}

for循环的死循环写法 for(;;){

break关键字可以用来退出switch或循环语句

不能在if语句中使用break和continue

break关键字，会立即终止离他最近的那个循环语句

continue关键字可以用来跳过当次循环

同样continue也是默认只会对离他最近的循环循环起作用

可以为循环语句创建一个label，来标识当前的循环，label:循环语句

使用break语句时，可以在break后跟着一个label，这样break将会结束指定的循环，而不是最近的

数组去重

判断元素第一次出现的位置，恰好是当前索引时，就将元素放入新数组

字符串处理方法

split切片

indexOf查看第一次出现的位置

substring截取子串

toUpperCase全部转为大写字母

toLowerCase全部转为小写字母

字符串反转

1、split字符串转成数组

2、reverse数组反转

3、join数组转成字符串

定时器弹框

setTimeout 只执行一次的定时器

clearTimeout 关闭只执行一次的定时器

setInterval 反复执行的定时器

clearInterval 关闭反复执行的定时器

setTimeout(showPop, 3000);//开启定时器，3秒后调用函数showPop()弹框

定时器动画

<script type="text/javascript">

window.onload = function(){

var oBox = document.getElementById('box');

var left = 20;

//反复循环定时器，每30毫秒修改一次盒子的left值

var timer = setInterval(function(){

left += 2;

oBox.style.left = left + 'px';

//当left值大于700时停止动画（清除定时器）

if(left > 700){

clearInterval(timer);

}

},30);

}

</script>

时钟

alert(now);弹出美式时间：Wed Jun 20 2018 15:27:13 GMT+0800 (中国标准时间)

var year = now.getFullYear();//2018年

var month = now.getMonth() + 1;//6月弹出5//范围0-11

var date = now.getDate();//20号

var week = now.getDay();//3//星期几，西半球时间，范围0-6，星期日为一周的第一天，为0

oBox.innerHTML = '当前时间是：' + year + '年' + toDouble(month) + '月' + toDouble(date) + '日 ' + toWeek(week) + ' ' + toDouble(hour) + ":" + toDouble(minute) + ":" + toDouble(second);

}

倒计时

活动第二天要将页面下线，直接跳转到其它页面，不会走后面的代码了

window.location.href = "http://www.baidu.com";

alert(future - now);//弹出与当前时间相差的毫秒数：12469935436

活动当天页面下线，避免倒计时到点后继续计负时

 if(milli <= 0){

页面跳转，不执行下面的代码了

window.location.href = "http://www.baidu.com";

变量的作用域

全局变量：函数外部定义的变量，函数内部和外部都可以访问，它的值可以共享

局部变量：函数内部定义的变量，函数内部可以访问，外部无法访问。函数内部访问变量时，先在内部查找是否有此变量，如果有，就使用内部变量，如果没有，就去外部查找

函数内部如果不用'var'关键字定义变量，变量可能会变成全局变量，如果用严格模式解析会报错

封闭函数

封闭函数的一般写法

//封闭函数定义：(function(){……})()

封闭函数其他的写法：在匿名函数前加“！”或者“~”，之后加“()”

用变量的方式定义函数

原来的写法：可以提前

myAlert();

function myAlert(){

alert('hello!');

}

函数用变量方式定义：先定义再使用

 myalert();//提前会报错

var myAlert = function(){

alert('hello!');

}

myAlert();放在下面可以执行

闭包

闭包的本质就是函数嵌套，就是在函数里面定义函数，

内部函数可以引用外部函数的参数和变量

参数和变量不会被垃圾回收机制给回收

闭包的用途：可以存循环的索引值、做私有变量计数器

闭包存循环的索引值

闭包的用途：存循环的索引值