avalon是一款优雅&优秀的MVVM框架,最近我在学习它,看源码的过程中,
学习到了属性劫持(建议大家使用avalon,至少也得学习一下,能学到很多东西)
例如我可以劫持Element.prototype的innerHTML和Node.prototype的nodeValue属性
但是在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------------------
两种方法:
采菊东篱下
悠然见南山
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
不是所有属性都可以却持的!!
有的属性的劫持是在Node.prototype上,有的在Element.prototype 上,有的在HTMLElement.prototype上,有的在HTMLpElement上。
并且
__defineSetter__是 要配合`__lookupSetter__`一起使用。建议你不要乱改原型方法。