javascript1.7新语法

web技术近两年来发展迅速，随着开发环境的变化，我们也能使用新技术来提高生产力。javascript1.6对数组增加了一系列的新方法，可能大家都比较熟悉了。

下面看看javascript1.7带来的新变化，想要使用新版本的javascript要使用支持新版本的浏览器，比如firefox最高已经支持javascript1.8.5，同时要处理一下scirpt标签的mime类型为：

<script type="application/javascript;version=1.7">

 

例如：

<script type="application/javascript;version=1.7">
void function (){
    if(true){
        var a=1;
        console.log(a);//1
    }
    console.log(a);//1
}()
</script>

 

1.yield 关键字

 

Yield的作用与return 差不多，都会返回一个结果。但是return会跳出函数，yield可以多次使用直到运算不能进行。（Yield也是一个c#的关键字）。

2.生成器Generators 

 

当一个函数使用yield指定返回值时，可以把他当做生成器来使用。如果调用了包含yield函数则会得到一个生成器的实例。每次调用生成器实例的next方法，就会得到一个运算结果。如果超出生成器的边界就会得到一个object StopIteration的错误。因为yield的关系，不能准确的得到生成器的长度，所以用try语句处理一下。当生成器使用完毕后，调用close方法，会强制关闭生成器。

 

function getNumber(){
    for(let i=0;i<10;i++){
        yield i*2;
    }
}
var generators= getNumber();
    try{
        while(generators){
            console.log(generators.next());
        }
    }catch(e){

    }finally{
        generators.close();
    }

 

3.迭代器

 

如果厌恶了使用for和for in，可以试试迭代器。即使不使用循环也能达到同样的目的，而且迭代器可以支持任意类型的对象。

 

var arr=['a','b','c'],it=new Iterator(arr); //{'1':'a','2':'b','3':'c'}
try{
    while(it){
        console.log(it.next()); //[0, "a"][1, "b"][2, "c"]  // [1, "a"][2, "b"][3, "c"]
    }
}catch(e){};

 

调用迭代器的next方法会返回一个数组，第一项是下标或者key，第二项是对应的值。如果超出边界的话会返回一个object StopIteration的错误。

4.数组领悟。

这是来自python的语法，现在引入js可以极大的提高生产力。

语法如下 array=[value for each (variable in values) condition ]; 

var a=[1,3,6,13,0,94,222];

A. 

for each(i in a){ if(i){console.log(i)}} //类似for in的古老用法。

B.

 var b=[i*2 for each(i in a) if(i%3===0)];// [6,12,0,444] 得到一个新数组

 

C. 

var b=(i*2 for each(i in a) if(i%3===0));//获得一个生成器。


try{

while(b){

console.log(b.next());// 6 12 0 444

}


}catch(e){}; 

D. 处理对象

 

for each(let [j,k] in new Iterator(a)){


console.log(j +' '+k)


}; 

5.结构赋值 

这个非常简单

 

 var [a,b]=[1,2,3,4]; //a=1 b=2

2  var {width:px,height:pec}={width:80,height:'50%'};//px 80 pec 50%

6.let关键字 创建块级作用域

在现在使用广泛的javascript1.5是没有块级作用域的。用var定义变量，由于解析器变量提升的关系经常不小心就踩到地雷，现在福音来了！

void function (){
    if(true){
        let a=1;
        console.log(a);//1
    }
    console.log(a);//undefined
}()

在看看var

void function (){
    if(true){
        var a=1;
        console.log(a);//1
    }
    console.log(a);//1
}()