首頁 >web前端 >js教程 >有關字面量和解構賦值一點知識介紹

有關字面量和解構賦值一點知識介紹

巴扎黑
巴扎黑原創
2017-07-21 17:10:381212瀏覽

字面量(自變數)

     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

以上是有關字面量和解構賦值一點知識介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn