| SitePoint Sponsor |
Inheriting Array doesn't work in IE
Here's a piece of code that works fine in FireFox, but not in IE. What am I doing wrong?
PHP Code:<html>
<head>
<title>Inheriting Array class</title>
<script>
function ExtArray() {}
ExtArray.prototype = new Array();
var sources = new ExtArray();
sources.push('First');
sources.push('Second');
alert(sources.length + ': [' + sources[0] + ',' + sources[1] + ']');
</script>
</head>
<body>
</body>
</html>
Hi,
instead of:
try:Code:function ExtArray() {}
Code:function ExtArray() { Array.call(this); }
Didn't work.
And neither did
function ExtArray() { Array.apply(this, arguments); }
IE doesn't iterate the 'native object code' the way firefox does.
Your code would work for an object you created, but not the 'built in' objects.
You have to enable each prototype property explicitly.
This code returns '2:[First,Second] ' in IE:
You can branch your code or use the IE version in any browser.Code:function ExtArray() { this.push=Array.prototype.push; this.length=Array.prototype.length; } var sources = new ExtArray(); sources.push('First'); sources.push('Second'); alert(sources.length + ': [' + sources[0] + ',' + sources[1] + ']');
Thanks, mrhoo! That works like a charm!
Posting Permissions
Bookmarks