别名界面属性

Question

是否可以使用别名在HTMLElement.offsetWidth财产，以同样的方式我可以别名像

EventTarget.prototype.on = EventTarget.prototype.addEventListener 

方法我试过：

HTMLElement.prototype.w = HTMLElement.prototype.offsetWidth 

，但得到：

TypeError: 'offsetWidth' getter called on an object that does not implement interface HTMLElement.

Answer 1

offsetWidth是一个属性，当你这样做

HTMLElement.prototype.offsetWidth 

确实调用了get函数，所以当你尝试在原型上时 - 你会得到错误。

所以你不能分配财产，而不是你可以get descriptor for this property与所有设置，然后define property与这个描述符，但与你想要的名称。

var descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, "offsetWidth"); 
 
Object.defineProperty(HTMLElement.prototype, "w", descriptor); 
 

 
var p = document.getElementById('p'); 
 

 
console.log('offsetwidth=%i, w=%i',p.offsetWidth,p.w);

<p id='p'>123</p>

，然后你可以调用现有的HTML元素的新w财产。

UPDATE您的评论。

如果你想添加功能的对象，并呼吁它没有()你应该定义属性与getter。

有关与样本属性的详细信息请参见文档：MDN : Object.defineProperty()

Object.defineProperty(HTMLElement.prototype, "x", { 
 
    get: function() { return this.getBoundingClientRect().left } 
 
}); 
 

 
var p = document.getElementById('p'); 
 

 
console.log('left=%i, x=%i',p.getBoundingClientRect().left,p.x);

<p id='p'>123</p>