0401作业-解构与访问器属性

1. 数组，对象，传参的解构

解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。

数组的解构

    // 完全解构
    let [a,b,c] = [1,2,3];
    console.log('a:%d,b:%d,c:%d',a,b,c);
    // 部分解构
    let [d,e] = [4,5,6];
    console.log('d:%d,e:%d',d,e);
    // 支持默认值与归并
    let [f,g,h=10] = [7,8]
    console.log('f:%d,g:%d,h:%d',f,g,h);
    let[i,j,...k] = [1,2,3,4,5,6,7,8,9]
    console.log('i:%d,j:%d,k:%o',i,j,k);

对象的解构

  let obj = {
      name:'张三',
      gender:'男',
      email:'tp@php.cn'
  }
   let {name,gender,email}= obj;
  console.log('name:%s,gender:%s,email:%s',name,gender,email);
  // 如果对象没有声明，需要使用（）转为表达式
  ({name2,gender2,email2} = {name2:'李四',gender2:'女',email2:'admin@qq.com'});
  console.log('name2:%s,gender2:%s,email2:%s',name2,gender2,email2);

变量名要与对象属性名相同
属性名与变量名不相同时无法获得赋值
  ({name2,gender2,email2} = {name:'李四',gender:'女',email:'admin@qq.com'});
  console.log('name2:%s,gender2:%s,email2:%s',name2,gender2,email2);
一个属性从一个对象解构，并分配给一个不同名称的变量
  ({name:name2,gender:gender2,email:email2} = {name:'李四',gender:'女',email:'admin@qq.com'});
  console.log('name2:%s,gender2:%s,email2:%s',name2,gender2,email2);

传参的解构

    function User({name,email}) {
        console.log('name:%s,email:%s', name,email);
    }
    User({name:'王五',email:'admin@php.cn'});

2. 访问器属性的get,set操作

通过set，get修饰，把访问器的方法变成属性调用

    let user = {
        data:{name},
        set name(v) {
            this.data.name = v;
        },
        get name() {
            return this.data.name;
        }
    }
    console.log(user.name);
    user.name = '张三';
    console.log(user.name);

1. 数组，对象，传参的解构

2. 访问器属性的get,set操作

更多相关文章

随机推荐