您的位置:首页 > Web前端 > JavaScript

javascript学习笔记[3]--流程控制

2013-01-29 14:40 316 查看
玩了一会游戏,现在可以静一下,看会书,今天看到了流程控制和函数基础,先总结一下流程控制,等会再总结一下函数控制,明天应该就可以进入javascript的面向对象编程了。我主要看的是javascript权威指南--张亚飞编著--清华大学出版社;还参考了javascript核心对象参考手册--韩延峰--人民邮电出版社,还有就是网上自己百度的,一些不错的博文我都会附上链接,也尊重那些原创作者们。好了开始:

3 流程控制

一些简单的流程控制,例如if....else if ...else语句,switch语句,while,do while语句差不多所有语言都一样的吧,自己稍微看一下就行了,就不说了。下面说几个我觉得有意思的流程控制语句:

1) for...in 循环

语法:for(variable in object)

statement;

for...in语句遍历的是对象的原型链中对象的属性,这里有些情况是不能用for in循环的,比方对象的方法,宿主对象的属性,静态成员,挺乱的,留待以后知道什么是原型,链这些知识知道了之后再解决吧。

<script>
var arr = new Array("this", "is", "a", "test");
for(var i in arr){
document.write(arr[i]+"\t");
}
</script>
//输出 this    is      a      test

//这个例子挺好的
var myObject ={hisName:"javascript", age:11, belonging:"ECAM"};
for(var prop in myObject){
document.write("myObject." + prop + "=" + myObject[prop]+"<br />");
}

//输出:
// myObject.hisName = javascript
//myObject.age = 11
//myObject.belonging = ECMA


2) for each...in循环

语法:for each(variableIterant in object){

statement;

}

for each...in遍历的是对象属性的值,而不是属性的名称

//还是这个例子
var myObject ={hisName:"javascript", age:11, belonging:"ECAM"};
for(var prop in myObject){
document.write(item+"<br />"):
}

//输出:
// javascript
//11
//ECMA


3) 标签语句

为语句提供一个标识符,用于直接跳转到该标识符所指定的行开始执行,只能由break,continue语句使用,用来指示break和continue到哪个语句,实际中很少用到吧,反正这是我第一次看到。下面是一个不错的例子

<script type="text/javascript">
outerloop:
for (var i = 0; i < 10; i++)
{
innerloop:
for (var j = 0; j < 10; j++)
{
if (j > 3)
{
break;
}
if (i == 2)
{
break innerloop;
}
if (i == 4)
{
break outerloop;
}
document.write("i=" + i + " j=" + j + "<br>");
}
}
</script>


4) let语句(javascript 1.7新增的)

挺新的东西吧,书上介绍的也很短,网上资料也很少,只知道let语句允许使用标识符来标示一个语句。

5) yield语句

这个东西挺有用的,yield语句可以在循环语句中产生一个输出值并返回,包含yield语句的函数称为产生器,一般用迭代器遍历产生器。

//这个yield语句我只在firefox浏览器中看到了效果,其他浏览器都没有显示
<script type="application/javascript; version=1.7">
function generator(){
var i = 0;
while(i<10){
//产生输出
yield i ;
i++;
}
}
//获取产生器
var g = generator();
//迭代
for(var j = 0; j<10; j++){
document.write(g.next()+"<br>");
}
</script>

//不使用产生器
<script >
function writeValue(param){
document.write(param+"<br />");
}
function generator(){
var i = 0;
while(i<10){
//产生输出
writeValue(i);
i++;
}
}
generator();
</script>


6) with语句

用来方便地引用某个特定对象额方法和属性

var rightNow = new Date();
with(rightNow){
document.write(getDay()+"<br>");
document.write(getMonth()+1+"<br>");
document.write(getFullYear()+"<br>");
}
//就是少写了rightNow这个对象。


以上全部都属个人原创,请大家转载的时候附上原创链接: http://www.cnblogs.com/tonylp
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: