ES6 (standard for 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=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //var 变量可以多次定义
        var ss=1
        var ss=2
        console.log("var的定义变量值："+ss)
        //let 只能变量只能定义一次；let类型的对象取值
        //let name={"age":"25","name":"cyz"}
        // console.log(name.age);
        // console.log(name.name);
        let[x,y,z]=[1,2,3]
        console.log("输出数组对应的值："+x,y,z)
        //var类型的对象取值;俗称对象解构
        var ss={
      
      "age2":25,"name2":"cyz"}
        console.log(ss.age2);
    
        console.log(ss.name2+"下一年岁月："+`${ 
        ss.age2+1}`);
        //声明对象：传统方式定义对象;const定义常量;常量定以后不允许再次定义常量
        const name1="luck";
        const age1=20;
        let user1={
      
      name:name1,age:age1}
        console.log(user1+"变量赋值"+user1.age);
        //ES6,将对象赋给另一个对象
        let{
      
      name,age}=user1;
        console.log(name,age)
        //模板字符串插入变量和表达式
        let info=`My name is  ${ 
        name1},I am ${ 
        age1+1} years in the next year;`
        console.log(info);
        //对象拓展运算符
        let person1={
      
      name:"ANMY",age:15}
        let someone1={
      
      ...person1}
        console.log(someone1)

        let ages={
      
      ages:16}
        let names={
      
      name:"ANMYS"}
        let person2={
      
      ...ages,...names}
        console.log(person2)
        //箭头函数
        //传统
        var f1=function(a){
      
      
            return a;
        }
        console.log(f1(1))
      //  ES6中:参数=>函数体
        var f2=a=>a
        console.log("打印f2箭头函数的值:"+f2(1))

        var f3=function(m,n){
      
      
            return m+n
        }
        //es6
        var f4=(m,n)=>m+n
        console.log(f4(4,5))
    </script>
</body>
</html>
ES6 (standard for javascript)

Guess you like
