• javascript1.7新语法


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

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

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

    例如:

    1 <script type="application/javascript;version=1.7">
    2 void function (){
    3 if(true){
    4 var a=1;
    5 console.log(a);//1
    6 }
    7 console.log(a);//1
    8 }()
    9 </script>

    1.yield 关键字

     

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


    2.生成器Generators 

     

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

     

     1 function getNumber(){
    2 for(let i=0;i<10;i++){
    3 yield i*2;
    4 }
    5 }
    6 var generators= getNumber();
    7 try{
    8 while(generators){
    9 console.log(generators.next());
    10 }
    11 }catch(e){
    12
    13 }finally{
    14 generators.close();
    15 }

     

    3.迭代器

     

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

     

    1 var arr=['a','b','c'],it=new Iterator(arr); //{'1':'a','2':'b','3':'c'}
    2 try{
    3 while(it){
    4 console.log(it.next()); //[0, "a"][1, "b"][2, "c"] // [1, "a"][2, "b"][3, "c"]
    5 }
    6 }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. 

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

    B.

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

     

    C. 

     1 var b=(i*2 for each(i in a) if(i%3===0));//获得一个生成器。
    2
    3
    4 try{
    5
    6 while(b){
    7
    8 console.log(b.next());// 6 12 0 444
    9
    10 }
    11
    12
    13 }catch(e){};

    D. 处理对象

     

    1 for each(let [j,k] in new Iterator(a)){
    2
    3
    4 console.log(j +' '+k)
    5
    6
    7 };

    5.结构赋值 

    这个非常简单

     

    1  var [a,b]=[1,2,3,4]; //a=1 b=2
    2  var {px,height:pec}={80,height:'50%'};//px 80 pec 50%


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

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

    1 void function (){
    2 if(true){
    3 let a=1;
    4 console.log(a);//1
    5 }
    6 console.log(a);//undefined
    7 }()

    在看看var

    1 void function (){
    2 if(true){
    3 var a=1;
    4 console.log(a);//1
    5 }
    6 console.log(a);//1
    7 }()




     







  • 相关阅读:
    TensorFlow从0到1之TensorFlow实现多元线性回归(11)
    TensorFlow从0到1之TensorFlow实现简单线性回归(10)
    TensorFlow从0到1之TensorFlow csv文件读取数据(9)
    TensorFlow从0到1之TensorFlow优化器(8)
    TensorFlow从0到1之TensorFlow损失函数(7)
    TensorFlow从0到1之回归算法(6)
    Python爬虫小白入门(六)爬取披头士乐队历年专辑封面-网易云音乐
    Python爬虫小白入门(五)PhatomJS+Selenium第二篇
    Python爬虫小白入门(四)PhatomJS+Selenium第一篇
    Python爬虫小白入门(三)BeautifulSoup库
  • 原文地址:https://www.cnblogs.com/enix/p/2286303.html
Copyright © 2020-2023  润新知