<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script type="text/javascript">
/*
我们之前的字符串格式只有 '' "" 他们不能直接换行且添加变量的方式有些容易花眼睛
es6中新的字符串 `` 反引号可以直接换行且不用加转义字符,还可以用新的方式引入变量
*/
let name="zjh";
let str="<li>\n" +name+
"</li>";
console.log(str)
let strES6=`
<li>
${name}
</li>
`;
console.log(strES6);
/*确实很方便*/
/*
对象属性的简化写法
*/
let obj1={
name,//他相当于是对象在自己的内部隐藏的创建了一个和复制变量相同名的属性与函数,且去掉了对function的写法要求但必须带()表示他是一个方法
improve(){
console.log("obj1的improve");
}
}
console.log(obj1.name);
obj1.improve();
/*
es6的箭头函数
他相当于是匿名函数的简化,
他重要的点与不同的点在于this的指向不会改变是一开始写好就固定了,不会被call这种方法改变this的指向
在全局作用域中的函数的this都是window,整个全局作用域都是window下的
他还不能是用arguments实参数组
*/
let nmfn = function(){
console.log("匿名函数未简化");
}
nmfn=() => { //参数就正常写法
console.log("匿名函数已经简化") ;//里面的this会永远指向window
};
//但是他可以省略(),条件是有且只有一个参数的时候
nmfn= a=> {
console.log("匿名函数单参数简化") ;
}
//还可以简化化括号,条件是只有一条执行语句
nmfn= (a,b)=>{
return a+b;
}//简化为
nmfn= (a,b)=> a+b;
//去掉花括号一定要去掉return 他的结果会直接返回
</script>
</body>
</html>
es6-es11新的字符串格式和对象属性的简化写法以及箭头函数
最新推荐文章于 2023-03-31 21:25:33 发布