Поддержка геттера JavaScript в IE8

Что мне сделать, чтобы этот скрипт был совместим и с IE8?

Измените его полностью. Например, вместо использования свойств доступа используйте комбинацию обычных свойств и функций:

human.firstName = 'Saeed';
human.lastName  = 'Neamati';
alert(human.getFullName());

Кто-то еще предложил использовать объект DOM в IE и добавить свойства, используя Object.defineProperty(). Хотя это может работать, я настоятельно рекомендую не использовать этот подход по нескольким причинам, например, код, который вы пишете, может быть совместим не со всеми браузерами:

var human = document.createElement('div');
Object.defineProperty(human, 'firstName', { ... });
Object.defineProperty(human, 'lastName',  { ... });
Object.defineProperty(human, 'children',  { value: 2 });

alert(human.children);
//-> "[object HTMLCollection]", not 2

This is true of at least Chrome. Either way it's safer and easier to write code that works across all the browsers you want to support. Any convenience you gain from being able to write code to take advantage of getters and setters has been lost on the extra code you wrote specifically targeting Internet Explorer 8.

Это, конечно, в дополнение к снижению производительности, тому факту, что вы не сможете использовать цикл for...in для объекта и потенциальную путаницу, возникающую при использовании свойства, которое, как вы думали, вы определили, но которое ранее существовало на объекте. DOM-объект.

Вы не можете (как ответил Энди)

Ближайшей альтернативой будет

var human = function() {
    var _firstName = '';
    var _lastName = '';

    return {
        firstName: function() {
            if (arguments.length === 1) {
                _firstName = arguments[0];
            }
            else {
                return _firstName;
            }
        },
        lastName: function() {
            if (arguments.length === 1) {
                _lastName = arguments[0];
            }
            else {
                return _lastName;
            }
        },
        fullName: function() {
            return _firstName + ' ' + _lastName;
        }
    };
}();

human.firstName('Saeed');
human.lastName('Neamati');

alert(human.fullName());

Демо на http://jsfiddle.net/gaby/WYjqB/2/

IE8 поддерживает геттеры и сеттеры на узлах DOM, поэтому, если вы действительно хотите иметь геттеры и сеттеры, вы можете сделать это:

var objectForIe8 = $("<div></div>")[0];    
Object.defineProperty(objectForIe8, "querySelector", {
    get: function() {
        return this.name;
    },
    set: function(val) {
        this.name = val+", buddy";  
    }
});
// notice you can overwrite dom properties when you want to use that property name
objectForIe8.querySelector = "I'm not your guy"; 

alert(objectForIe8.querySelector);

Обратите внимание, что это значительно снижает производительность, поэтому я бы не стал использовать эту технику, если вам нужно создать тысячи таких объектов. Но если вы не беспокоитесь о производительности этого конкретного объекта, это вас устроит. И если вас не волнует производительность ie8, и вы просто хотите, чтобы он работал, используйте эту технику только для ie8, и вы золоты :)

Проверьте это на http://robertnyman.com/2009/05/28/getters-and-setters-with-javascript-code-samples-and-demos/

Будущее и стандартизированный ECMAScript способ расширения объектов всеми возможными способами — через Object.defineProperty. Именно так Internet Explorer решил реализовать геттеры и сеттеры, но, к сожалению, пока это доступно только в Internet Explorer 8, а не в каком-либо другом веб-браузере. Кроме того, IE 8 поддерживает его только на узлах DOM, но в будущих версиях планируется поддерживать его и на объектах JavaScript.

Тестовые примеры можно найти на том же сайте по адресу http://robertnyman.com/javascript/javascript-getters-setters.html#object-defineproperty

Object.defineProperty(document.body, "description", {
    get : function () {
        return this.desc;
    },
    set : function (val) {
        this.desc = val;
    }
});
document.body.description = "Content container";

Результат:

document.body.description = "Content container"