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");

猜你喜欢

转载自www.cnblogs.com/bigbigxiao/p/11960047.html