AngularJS装饰没有object.defineProperty

Question

如何使用装饰没有访问object.defineProperty？

我期待到可用的垫片：

• es5-sham
• polyfill

但如果那些没有通过测试，有没有装修的目的是要工作的另一种方式？

我使用的装饰工具为$onRootScope。

我使用角度1.08。我需要与IE7兼容。

更新

我已经试过了，似乎工作的一些方法，但我不知道他们之间的区别是：plunkr

var app = angular.module('plunker', []); 

app.config(['$provide', function($provide){ 
    $provide.decorator('$rootScope', ['$delegate', function($delegate){ 
    $delegate.a = 1; 
    $delegate.constructor.prototype.b = 2; 
    Object.defineProperty($delegate.constructor.prototype, 'c', { 
     value: 3 
    }); 
    return $delegate; 
    }]); 
}]); 

app.controller('MainCtrl', function($rootScope, $scope) { 
    console.log($rootScope); //reveals `a` property 
    console.log($rootScope.constructor.prototype); //=> {b:2, c:3} 
    console.log($rootScope.a); //=> 1 
    console.log($rootScope.b); //=> 2 
    console.log($rootScope.c); //=> 3 
    $scope.name = 'World'; 
}); 

谢谢。

Answer 1

好，同等解决方案的代码的PICE您共享是：

var proto = Object.getPrototypeOf(Object.getPrototypeOf($delegate)); 
proto['$onRootScope'] = function (name, listener) { 
    var unsubscribe = $delegate.$on(name, listener); 
    this.$on('$destroy', unsubscribe); 
}; 

在原来的这行代码$delegate.constructor.prototype越来越接近$委托的原型样机。

然后，一旦你访问它，你可以简单地定义一个新的功能。你不需要使用defineProperty。唯一需要注意的是，通过使用defineProperty，您可以配置该方法不可枚举（不应出现在for-each循环中）。以另一种方式，添加的方法将出现在for-each循环中。这对你来说可能不是问题。

我已为此创建了一个JSFiddle。

可以使用John Resig's polyfill为getObjectPrototypeOf如果该功能不适用于当前的浏览器：

if (typeof Object.getPrototypeOf !== "function") { 
    if (typeof "test".__proto__ === "object") { 
    Object.getPrototypeOf = function(object){ 
     return object.__proto__; 
    }; 
    } else { 
    Object.getPrototypeOf = function(object){ 
     // May break if the constructor has been tampered with 
     return object.constructor.prototype; 
    }; 
    } 
}