es6相关

最新推荐文章于 2023-06-26 11:05:23 发布

粉色史蒂芬森

最新推荐文章于 2023-06-26 11:05:23 发布

阅读量234

点赞数

分类专栏： es6 文章标签： js方法

本文链接：https://blog.csdn.net/qq_35746344/article/details/78603889

版权

本文介绍了ES6中的一些关键特性，包括Json操作、Object.defineProperties、Object.create、Array.prototype.reduce、super关键字的使用、属性遍历、Array.from及其应用场景、Promise对象、for...of循环、call、apply、bind方法以及this指向的规则。通过实例展示了这些特性的用法和注意事项，帮助理解ES6中的核心概念。

摘要由CSDN通过智能技术生成

Json

JSON.parse()

JSON.stringify()

目前，有四个操作会忽略enumerable为false的属性。

for…in循环：只遍历对象自身的和继承的可枚举的属性。

Object.keys()：返回对象自身的所有可枚举的属性的键名。

JSON.stringify()：只串行化对象自身的可枚举的属性。

Object.assign()：忽略enumerable为false的属性，只拷贝对象自身的可枚举的属性。

总的来说，操作中引入继承的属性会让问题复杂化，大多数时候，我们只关心对象自身的属性。所以，尽量不要用for…in循环，而用Object.keys()代替。

Object.defineProperties

例：

var obj = {};
Object.defineProperties(obj, {
  'property1': {
    value: true,
    writable: true
  },
  'property2': {
    value: 'Hello',
    writable: false
  }
  // etc. etc.
});

Object.create()

Object.create(proto[, propertiesObject])

参数

proto
新创建对象的原型对象。

propertiesObject
可选。如果没有指定为undefined，则是要添加到新创建对象的可枚举属性（即其自身定义的属性，而不是其原型链上的枚举属性）对象的属性描述符以及相应的属性名称。这些属性对应Object.defineProperties()的第二个参数。

返回值

在指定原型对象上添加新属性后的对象。

var o;

// 创建一个原型为null的空对象
o = Object.create(null);


o = {};
// 以字面量方式创建的空对象就相当于:
o = Object.create(Object.prototype);


o = Object.create(Object.prototype, {
  // foo会成为所创建对象的数据属性
  foo: { 
    writable:true,
    configurable:true,
    value: "hello" 
  },
  // bar会成为所创建对象的访问器属性
  bar: {
    configurable: false,
    get: function() {
    return 10 },
    set: function(value) {
   
      console.log("Setting `o.bar` to", value);
    }
  }
});