Почему this == undefined?

Question

[Степан]

var domready = require('domready'),
    addBootstrapLink = require('./js/addBootstrapLink');

var outdatedBrowser = function(options) {
    var outdated = document.getElementById("outdated");
    this.defaultOpts = { // this === undefined - Вот тут ошибка
        bgColor: '#f25648',
        color: '#ffffff',
        lowerThan: 'transform',
        languagePath: '../outdatedbrowser/lang/en.html'
    }

    // code...
};

function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    } else {
        window.onload = function() {
            if (oldonload) {
                oldonload();
            }
            func();
        }
    }
}

domready(function () {
    addBootstrapLink(function () {

        function appendHtml(el, str) {
            var div = document.createElement('div');
            div.innerHTML = str;
            while (div.children.length > 0) {
                el.appendChild(div.children[0]);
            }
        }

        var outdate = '<div id="outdated"></div>'

        appendHtml(document.body, outdate);

        addLoadEvent(function() {
            outdatedBrowser({
                lowerThan: 'transform',
                languagePath: ' '
            });
        });

    });
});

Answer 1

[Yaroslav Lyzlov]

use strict указан?

Comments

[Степан]

Yaroslav Lyzlov нет

[Степан]

Поставил ничего не поменялось

[Степан]

Yaroslav Lyzlov спасибо вам большое

[Yaroslav Lyzlov]

в общем функция берёт контекст того, где она вызвана, то есть this в данном случае это this
коллбэка этой функции addBootstrapLink
в ней этот коллбэк может быть вызван как-то так: callback.apply(undefined) и контекста получается нет у функции
почитайте про this, в общем
можете вызвать свою функцию вот так
Function.prototype.apply(context, [param1, param2, ... , paramN])
outdatedBrowser.apply({}, [{параметры}])
тогда this будет указывать на первый аргумент apply

[Yaroslav Lyzlov]

обязательно почитайте про контекст в js! и про оператор new, потому что в данном случае new плохое решение, если вы решили так, как я написал в первый раз

[Степан]

Yaroslav Lyzlov я до этого вешал call(this) на функцию outdatedBrowser({}).call(this) не вышло

[Yaroslav Lyzlov]

дак не правильно делаете то!
надо было outdatedBrowser.call(this, {})

[Степан]

Yaroslav Lyzlov о точно спасибо

[Евгений Королев]

Yaroslav Lyzlov: > в общем функция берёт контекст того, где она вызвана, то есть this в данном случае это this коллбэка этой функции addBootstrapLink
Вы не правы, контекст "места вызова" не используется. В случае вызова функции как "свободной" переменной (по имени) this будет либо глобальным объектом, либо undefined в случае "use strict";

В остальном рассуждаете верно.

[Евгений Королев]

xoma2: передайте аргументом тот объект, который Вы хотите использовать внутри функции outdatedBrowser как this. Не конструируйте сложных решений без нужды.