es6 的对象扩展

导读:本篇文章讲解 es6 的对象扩展,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

//  es6 对象扩展
{
  // 简洁表示法
  let o=1;
  let k=2;
  // es5 写法
  let es5={
    o:o,
    k:k
  };
  // es6 写法
  let es6={
    o,
    k
  };
  console.log(es5,es6); // o=1 k=2

  let es5_method={
    hello:function(){
      console.log('hello');
    }
  };
  let es6_method={
    hello(){
      console.log('hello');
    }
  };
  console.log(es5_method.hello(),es6_method.hello()); // hello  hello
}

{
  // 属性表达式
  let a='b';
  let es5_obj={
    a:'c',
    b:'c'
  };

  let es6_obj={
    [a]:'c'
  }

  console.log(es5_obj,es6_obj); // a:'c' b:'c' ,  b:'c'

}

{
  // 新增API
    // 判断 两个字符串是否相等
  console.log('字符串',Object.is('abc','abc'),'abc'==='abc'); // true  true
  // 判断两个对象数组是否相同,因为对象引用的是不同的地址
    console.log('数组',Object.is([],[]),[]===[]); // false  false

    //潜复制
  console.log('拷贝',Object.assign({a:'a'},{b:'b'})); // {a:'a', b:'b'}

  let test={k:123,o:456};
  for(let [key,value] of Object.entries(test)){
    console.log([key,value]);
  }
}

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/66458.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!