当前位置:Gxlcms > JavaScript > 有关字面量和解构赋值一点知识介绍

有关字面量和解构赋值一点知识介绍

时间:2021-07-01 10:21:17 帮助过:15人阅读

字面量(自变量)

     let name="wei";
    let age=3;
    let obj={
        //简写变量,等同于name:name
        name,
        age
    }
        console.log(obj.name)//wei
    let qqq = {
      name: 'wrs',
      toString () {  // 'function' keyword is omitted here
        return this.name;
      }
    };


    console.log(qqq.toString()); // wrs

//通过对象字面量创建对象

    var human = {
        breathe() {
            console.log('breathing...');
        }
    };
    var worker = {
        __proto__: human, //设置此对象的原型为human,相当于继承human
        company: 'freelancer',
        work() {
            console.log('working...');
        }
    };
    human.breathe();//
输出 ‘breathing...’ //调用继承来的breathe方法 worker.breathe();//输出 ‘breathing...’

解构赋值

允许提取数组和对象里的值,赋给变量。
function foo() {
  return [1,2,3];
}
let arr = foo(); // [1,2,3]

let [a, b, c] = foo();
console.log(a, b, c); // 1 2 3

function bar() {
  return {
    x: 4,
    y: 5,
    z: 6
  };
}
let {x: x, y: y, z: z} = bar();
console.log(x, y, z); // 4 5 6

以上就是有关字面量和解构赋值一点知识介绍的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行