zoukankan      html  css  js  c++  java
  • ECMAScript6 --ES6

    1.1.1、 什么是ECMAScript(就是JavaScript的规范)

    web1.0时代:

    最初的网页以HTML为主,是纯静态的网页。网页是只读的,信息流只能从服务的到客户端单向流通。开发人员也只关心页面的样式和内容即可。

    web2.0时代:

    - 1995年,网景工程师Brendan Eich 花了10天时间设计了JavaScript语言。

    表单验证

    - 1996年,微软发布了JScript,其实是JavaScript的逆向工程实现。

    - 1997年,为了统一各种不同script脚本语言,ECMA(欧洲计算机制造商协会)以JavaScript为基础,制定了ECMAscript标准规范。JavaScript和JScript都是ECMAScript的标准实现者,随后各大浏览器厂商纷纷实现了ECMAScript标准。

    所以,ECMAScript是浏览器脚本语言的规范,可以狭义理解是javascript的规范。

    ES6就是javascript用的最多语言规范.被各个浏览器实现了.

    1.1.1、 ES5ES6常用的一些新特性

    (1)let 块级 var 全局

     

    //(1)let局部变量
            for(var i = 0;i<5;i++){
                console.log(i);
            }
            //运行成功
            console.log("全局:"+i);
            for(let j = 0;j<5;j++){
                console.log(j);
            }
            //报错:j没被定义
            console.log("局部:"+j);

    (2)const 常量 

     // (2)const常量不可改变
            const a=10;
            //报错:const常量不可改变
            a=12;
            console.log(a);

    (3)解构表达式 

    //(3) 解构表达式
            //数组解构 --和名称没有关系
            const b = [1,2,3];
            const [a1,a2,a3] = b;
            console.log(a1);
            console.log(a2);
            console.log(a3);
            对象结构-和名称必须一样
            const obj ={"name":"我去","age":20};
            const {name,age} = obj;
            console.log(name);
            console.log(age);

    (4)箭头表达式

    (就是对象中的方法

      obj:function(参数){方法体}

      变成

      obj(参数)=>{方法体}

      简写是

      obj(参数){方法体}

    // (4)箭头表达式
            let obj2 = {
                name:"张三",
                age:20,
                eat:function (food) {
                    console.log("吃"+food);
                },
                eat2:(food)=>{
                  console.log("吃2"+food)
                },
                eat3(food){
                    console.log("吃3"+food)
                }
            }
            obj2.eat("cc");
            obj2.eat2("bb");
            obj2.eat3("dd");
  • 相关阅读:
    最优装载(二分答案)
    最小生成树
    hibernate映射实体类查询时数据库空字段赋值给实体类报错的问题
    'hibernate.dialect' must be set when no Connection avalable
    简单了解一下oracle中的显示游标和存储过程
    oracle中的预定异常和自定义异常
    PL/sql中如何声明变量,常量,控制语句及for,loop,while和顺序控制的使用
    简单了解,使用oracle中的索引,表分区
    oracle中序列,同义词的创建
    数据库权限管理
  • 原文地址:https://www.cnblogs.com/bigbigxiao/p/11960047.html
Copyright © 2011-2022 走看看