js 三方脚本覆盖方法怎么解决？

Question

js脚本中一些常用的方法，例如window.onbeforeunload 网页关闭触发一些事件。怎么确保一些三方插件，比如在线客服，三方js覆盖该方法，导致自己的业务丢失呢？

Answer 1

在业务代码设定完onbeforeunload之后， 通过Object.defineProperty设定onbeforeunload属性，

var _onbeforeunload = window.onbeforeunload;
Object.defineProperty(window, 'onbeforeunload', {
    get: function() {
        return _onbeforeunload;
    },
    set: function(newOnBeforeUnload) {
        _onbeforeunload = function() {
            if (typeof _onbeforeunload === 'function') {
                _onbeforeunload.apply(this, arguments);
            }
            return newOnBeforeUnload.apply(this, arguments);
        };
    },
    enumerable : true,
    configurable : true
});