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、 ES5或ES6常用的一些新特性
(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");