vue的ES5/ES6

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_39766167/article/details/88973642
ES5 ES6
无论何处使用var生命变量相当于全局变量 使用let声明变量相当于局部变量
var声明常量,可改变 const定义常量:定义了常量之后,不能改变
var声明变量拼接 es6模板字符串: esc键下面那个键
var content2 = `<html>
<head>
    <title>${age}</title>
</head>
<body>
    <script src="dist/bundle.js"></script>
    ${name}
</body>
</html>
 

箭头函数: 简化函数的写法

//es6箭头函数: 简化函数的写法
add2 = (a,b) => {return a+b}
console.log(add2(5,6))

//es6箭头函数: 可以省略return关键字
add3 = (a,b) => a+b;
console.log(add3(7,3))

//箭头函数没有参数
add4 = () => {
    console.log("没有参数的箭头函数")
}
add4()

  函数的默认参数
//给参数提供默认值:当不给参数的时候,使用参数的默认值;当给了参数,以参数的值为准
function info(name = "default"){
    console.log(name);
}
  简化对象的创建
function people2(name, age) {
    return {
        name,
        age
    };
}
   解构 : 当我们变量与对象中的属性一致,可以使用结构
const {name,age} = people;

猜你喜欢

转载自blog.csdn.net/qq_39766167/article/details/88973642