js基础理论总结(三)

循环语句

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

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();放在下面可以执行

闭包

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

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

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

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

闭包存循环的索引值

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,192评论 6 511
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,858评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,517评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,148评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,162评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,905评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,537评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,439评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,956评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,083评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,218评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,899评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,565评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,093评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,201评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,539评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,215评论 2 358

推荐阅读更多精彩内容