js中的every方法_js object.assign

js中的every方法_js object.assignJS中的Object.assign()、Object.create()、Object.defineProperty()_object.assigndefineproperty

js中的every方法_js


1. Object.assign()

首先看一下函数的定义:

  函数参数为一个目标对象(该对象作为最终的返回值),源对象(此处可以为任意多个)。通过调用该函数可以拷贝所有可被枚举的自有属性值到目标对象中。
Object.assign(target, …sources)

这里我们需要强调的三点是:

  1. 可被枚举的属性:
    在JavaScript中,对象的属性分为可枚举和不可枚举之分,它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。
    js中基本包装类型的原型属性是不可枚举的,如Object, Array, Number等,如果你写出这样的代码使用for...in遍历其中的属性,将会什么都不会发生,不会报错,能够继续往下执行,看起来就是直接跳过去了。
    如果对象不可枚举,则方法for…in JSON.stringify() Object.keys()都会失效。
  2. 自有属性:
    区别于原型属性,不是从原型链继承而来的,例如:
    function Obj () {
    this.z = 3; //自有属性
    }
    //对象会继承原型里的属性
    Obj.prototype.x = 1;//非自有属性
    Obj.prototype.y = 2;//非自有属性
  3. string或者Symbol类型,可以被直接分配

示例一:

var o1 = { a: 1 };
var o2 = { b: 2 };
var o3 = { c: 3 };

var obj = Object.assign(o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }
console.log(o1);  // { a: 1, b: 2, c: 3 }, target object itself is changed.

  此例子表明,Object.assign不仅返回一个新拼接出来的值,同时也会改变第一个参数(target)的值。

var obj = Object.create({ foo: 1 }, { // foo is an inherit property.
  bar: {
    value: 2  // bar is a non-enumerable property.
  },
  baz: {
    value: 3,
    enumerable: true  // baz is an own enumerable property.
  }
});

var copy = Object.assign({}, obj);
console.log(copy); // { baz: 3 } 

  这个例子中,因为对象obj是使用Object.create()构造,所以{foo:1}是obj继承的原型,obj中的第二个属性显式声明为可枚举,所以最后copy中拷贝过去的属性只有baz

2. Object.create()

  Object.create(proto [, propertiesObject ]) 是E5中提出的一种新的对象创建方式,第一个参数是要继承的原型,如果不是一个子函数,可以传一个null,第二个参数是对象的属性描述符,这个参数是可选的。

function Car (desc) { 
   
    this.desc = desc;
    this.color = "red";
}

Car.prototype = {
    getInfo: function() { 
   
      return 'A ' + this.color + ' ' + this.desc + '.';
    }
};
//instantiate object using the constructor function
var car =  Object.create(Car.prototype);
car.color = "blue";
alert(car.getInfo());

数据属性

  • writable:是否可任意写
  • configurable:是否能够删除,是否能够被修改
  • enumerable:是否能用 for in 枚举
  • value:值

访问属性:

  • get(): 访问
  • set(): 设置
newObj = Object.create(obj,{
            t1:{
                value:'yupeng',
                writable:true
            },
            bar: {
                configurable: false,
                get: function() { 
    return bar; },
                set: function(value) { 
    bar=value }
            }

        })

3. Object.defineProperty()

详细见于这里

今天的文章js中的every方法_js object.assign分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

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

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注