Object.defineProperty在safari中的奇怪行为

avalon是一款优雅&优秀的MVVM框架,最近我在学习它,看源码的过程中,

学习到了属性劫持(建议大家使用avalon,至少也得学习一下,能学到很多东西)

例如我可以劫持Element.prototypeinnerHTMLNode.prototypenodeValue属性

但是在safari中发现了一些兼容性问题

劫持innerHTML的例子

var ep = Element.prototype;

// {enumerable: true, configurable: true, set , get} // Ch/FF/Op
// {enumerable: true, configurable: false, get: undefined, set: undefined} // Safari
var epDescriptor = Object.getOwnPropertyDescriptor(ep, 'innerHTML');

var epOlderSetter = epDescriptor.set;

/*
  Safari throw:
  TypeError: Attempting to change the getter of an unconfigurable property.
*/
Object.defineProperty(ep, 'innerHTML', {

   set: function(html){

     alert('I want to do something befroe ...');

     epOlderSetter.call(this, html);

   }
 })

劫持innerHTML,在safari中抛错了,当然,我知道什么原因,由于configurable在safari中的值是false,故抛错

劫持nodeValue的例子

var np = Node.prototype;

// {enumerable: true, configurable: true ,get , set} // Ch/FF/Op
// {enumerable: true, configurable: true ,undefined , undefined} // Safari
var npDescriptor = Object.getOwnPropertyDescriptor(np, 'nodeValue');

var npOlderSetter = npDescriptor.set; // undefined 


Object.defineProperty(np, 'nodeValue', {

   set: function(text){

     alert('I want to do something befroe ...');

     // because npOlderSetter is undefined , so i can't do this.
     // but how can i set the nodeValue to the node ?
     // npOlderSetter.call(this, text);

   }
 })

我想知道有没有什么变通的方法或黑魔法来达到在safari中劫持这两个属性的目的?

在一次avalon的修复中发现了司徒使用了__defineSetter__来代替defineProperty然后解决了这个问题,但是经过我自己写码测试(直接在safari的console中测试的),发现没有解决,请问我那点儿错了?

同时这个问题我还在SOF中进行了提问

------------------new------------------

两种方法:

    采菊东篱下
    悠然见南山
已邀请:

cc25937795

赞同来自:

不是所有属性都可以却持的!!

有的属性的劫持是在Node.prototype上,有的在Element.prototype 上,有的在HTMLElement.prototype上,有的在HTMLDivElement上。

并且__defineSetter__是 要配合`__lookupSetter__`一起使用。

建议你不要乱改原型方法。

要回复问题请先登录注册