ES6亲特性，也就是javaScript的新的写法
Posted SmallCuteMonkey
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ES6亲特性，也就是javaScript的新的写法相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=
, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// let只可以声明一个局部变量，循环外面会报错 var不会
for(let i=0;i<5;i++){
console.log(i);
}
// const声明常量不可以重新赋值
const m=2;
console.log(m);
// m=13;
// console(m);
// console.log("循环外的i"+i);
var str="hello.vue";
console.log(str.includes("vue"));
console.log(str.startsWith("h"));
console.log(str.endsWith("ue"));
// 解析结构表达式
let arr=[1,2,3];
const[x,y,z]=arr;
console.log(x,y,z);
let person={
id: 1,
age: 20,
name: 'hzc'
};
const{id,name,age}=person;
console.log(id,name,age);
var print=function(obj){
console.log(obj);
}
var print2=obj => console.log(obj);
print('aaa');
print2('aaa');
// 求和函数
var sum=function(a,b){
return a+b;
}
var sum2=(a,b) => {return a+b};
console.log(sum(1,2));
console.log(sum2(2,3));
// 对象方法
let student={
name: 'jack',
eat:function(food){
console.log(this.name+"不吃"+food);
},
// 箭头函数
eat2: food=>console.log(this.name+"不吃"+food),
eat3(food){
console.log(this.name+"在吃"+food);
}
}
student.eat('banana');
student.eat2('香蕉');
student.eat3('water');
//map
arr1=['1','2','3'];
console.log(arr1);
arr1=arr1.map(s=>parseInt(s));
console.log(arr1);
// reduce 1+20-5+3=19
const arr2=[1,20,-5,3];
var n=arr2.reduce((a,b)=>a+b);
console.log(n);
</script>
</body>
</html>
以上是关于ES6亲特性，也就是javaScript的新的写法的主要内容，如果未能解决你的问题，请参考以下文章