Javascript в Icms2

#1 20 октября 2016 в 12:49

Подскажите схему работы. Имеем js:

var icms = icms || {};
 
icms.test = (function ($) {
 
	this.onDocumentReady = function(){
 
		var add_name = 'test';
 
	}
 
	this.new_func = function(){
 
               var f_name = 'old';
 
		to_name = f_name + add_name;
 
		return to_name;
 
	}
 
	return this;
 
}).call(icms.test || {},jQuery);

Как получить переменную "add_name" внутри функции "new_func" без передачи ее параметром функции? Или как ее правильно обозначить чтобы получать ее там где мне нужно?
Конечно данную конструкцию можно собрать на нужной странице, минуя файл js от icms но все таки нужно запустить функцию внутри файла js.

Спасибо.

InstantGu.ru

#2 20 октября 2016 в 13:02

var icms = icms || {};
 
icms.test = (function ($) {
 
        this.add_name;
 
	this.onDocumentReady = function(){
 
		this.add_name = 'test';
 
	}
 
	this.new_func = function(){
 
               alert(this.add_name); // test
 
              func = function(){
                    alert(icms.test.add_name); // test
                    alert(this.add_name); // undefined
             }
 
             func();
 
	}
 
	return this;
 
}).call(icms.test || {},jQuery);

область видимости

🛠 docs.instantcms.ru

#3 20 октября 2016 в 14:28

Создать новый объект из данной функции конструктора и обращаться к его свойству.

Сегодня в 12:41

#4 20 октября 2016 в 16:23

В данном случае fuse ответил верно и понятно. Спасибо.

Но тут возник другой вопрос, дело в асинхронности. Имеем следующее:

var icms = icms || {};
 
icms.test = (function ($) {
 
	this.onDocumentReady = function(){
 
 
 
	}
 
	this.start = function() {
 
		var arr = icms.get.getData();
 
		alert(arr);
 
    }
 
	this.getData = function(){
 
		$.post('/get/getdata', false, function(result){
 
			if (!result.error){
				var data = result.data;
				return data;
            } else {
                return;
            }
 
        }, "json");
 
	}
 
	return this;
 
}).call(icms.test || {},jQuery);

При вызове функции "start" присваиваем переменную "arr" которую получаем из функции "getData".
Но при такой последовательности, arr присваивается после того как будет выведена alert'ом.
При таком раскладе arr = undefined

Как быть?

InstantGu.ru

#5 20 октября 2016 в 16:26

Причем если функция getData будет такой:

this.getData = function(){
 
var data = '321';		
 
		return data;
 
	}

То переменная arr норм присваивается.
Получается ответ $.post приходит после того как функция уже обработана, и ответа никто не ждет.

InstantGu.ru

#6 20 октября 2016 в 16:52

Создать новый объект из данной функции конструктора и обращаться к его свойству
Джехутимери

Это не PHP

fuse ответил верно
Kreator

Кто это?

var icms = icms || {};
 
icms.test = (function ($) {
 
        this.data;
 
	this.onDocumentReady = function(){
               this.start();
	}
 
	this.start = function() {
 
		this.loadData();
 
       }
 
	this.setData = function(data) {
 
                this.data = data;
		console.log(data);
 
       }
 
	this.loadData = function(){
 
		$.post('/get/getdata', false, function(result){
 
			if (!result.error){
				icms.test.setData(result.data);
                       } else {
                            return;
                        }
 
               }, "json");
 
	}
 
	return this;
 
}).call(icms.test || {},jQuery);

🛠 docs.instantcms.ru

#7 21 октября 2016 в 17:19

var icms = icms || {};
 
icms.test = (function ($) {
 
    this.onDocumentReady = function(){
        this.start();
    }
 
    this.start = function() {
        this.getData(function(data) {
            alert(data);
        });
    }
 
    this.getData = function(callback) {
        $.post('/get/getdata', false, function(result) {
            if (!result.error) {
                var data = result.data;
                callback(data);
            } else {
                return;
            }
        }, "json");
    }
 
    return this;
 
}).call(icms.test || {}, jQuery);