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