observe()语法
Array.observe(arr, callback)
observe()参数
参数 | 说明 |
arr | 用于被监视的数组 |
callback |
每当数组发生变化时,使用如下参数调用该函数:changes 用于表示变化的对象数组。每个变化对象的属性如下: name : 变化的属性名。object : 变化后的数组。type : 用于表示变化类型的字符串。其取值为"add"、 "update"、 "delete" 或 "splice" 之一。oldValue : 仅用于"update" 和"delete"类型。变化 之前的取值。index : 仅用于"splice"类型。 变化发生所在索引。removed : 仅用于"splice"类型。 被删除元素组成的数组。addedCount : 仅用于"splice" 类型。被添加的元素数量。 |
observe()功能
每次 arr 发生任何变化时,回调函数将被调用,调用参数为所有变化按发生顺序组成的数组。
注:通过Array方法如 Array.prototype.pop( ) 触发的变化将被报告成"splice"变化,长度不变但索引赋值发生变化的将被报告成"update"变化。
observe()实例:
var arr = ['a', 'b', 'c'];
Array.observe(arr, function(changes) {
console.log(changes);
});
arr[1] = 'B';
// [{type: 'update', object: , name: '1', oldValue: 'b'}]
arr[3] = 'd';
// [{type: 'splice', object: , index: 3, removed: [], addedCount: 1}]
arr.splice(1, 2, 'beta', 'gamma', 'delta');
// [{type: 'splice', object: , index: 1, removed: ['B', 'c', 'd'], addedCount: 3}]
Array.observe()该特性目前仍处于 ECMAScript 7 规范提案中
目前的实现在未来可能会发生改变,甚至被完全删除,请谨慎使用。