Форум

cherrypashka · #1 (**permalink**) 29.01.2014, 21:00

Здравствуйте!

Объясните, пожалуйста, почему мы не можем в след. коде к объекту methods применить this.methods, а не var.. Хочу разобраться, чтобы появилось понимание логики!

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
</head>
<body>
	
	<script>

	function isNumeric(n) {
		return !isNaN(parseFloat(n)) && isFinite(n);
	}

	function Calculator() {

		var methods = {
			"-": function(a, b) {
				return a - b;
			},
			"+": function(a, b) {
				return a + b;
			}
		};

		this.calculate = function(str) {

			var split = str.split(' '),
				a = split[0],
				op = split[1],
				b = split[2]

			if(!methods[op] || !isNumeric(a) || !isNumeric(b)) {
				return NaN;
			}

			return methods[op](+a, +b);
		}

		this.addMethod = function(name, func) {
			methods[name] = func;
		};
	}
	var calc = new Calculator;

	calc.addMethod("*", function(a, b) {
		return a * b;
	});
	calc.addMethod("/", function(a, b) {
		return a / b;
	});
	calc.addMethod("**", function(a, b) {
		return Math.pow(a, b);
	});

	var result = calc.calculate("2 ** 3");
	alert(result); // 8
	

	</script>
	
</body>
</html>

danik.js · #2 (**permalink**) 29.01.2014, 21:41

Сообщение от cherrypashka

почему мы не можем

А ты пробовал хоть?

cherrypashka · #3 (**permalink**) 29.01.2014, 22:23

Да, пробовал!
Можете объяснить?

рони · #4 (**permalink**) 29.01.2014, 22:36

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
</head>
<body>

	<script>

	function isNumeric(n) {
		return !isNaN(parseFloat(n)) && isFinite(n);
	}

	function Calculator() {

		this.methods = {
			"-": function(a, b) {
				return a - b;
			},
			"+": function(a, b) {
				return a + b;
			}
		};

		this.calculate = function(str) {

			var split = str.split(' '),
				a = split[0],
				op = split[1],
				b = split[2]

			if(!this.methods[op] || !isNumeric(a) || !isNumeric(b)) {
				return NaN;
			}

			return this.methods[op](+a, +b);
		}

		this.addMethod = function(name, func) {
			this.methods[name] = func;
		};
	}
	var calc = new Calculator;

	calc.addMethod("*", function(a, b) {
		return a * b;
	});
	calc.addMethod("/", function(a, b) {
		return a / b;
	});
	calc.addMethod("**", function(a, b) {
		return Math.pow(a, b);
	});

	var result = calc.calculate("2 ** 3");
	alert(result); // 8


	</script>

</body>
</html>

cherrypashka · #5 (**permalink**) 29.01.2014, 22:55

Спасибо большое! Так и делал, как вы, видимо была неточность!
А можете объяснить, почему в примере используется var methods?
И ещё: при создании объекта calc где находится var methods.. в объекте calc?

danik.js · #6 (**permalink**) 30.01.2014, 04:14

Сообщение от cherrypashka

видимо была неточность

Для выявления неточностей есть F12 (консоль ошибок).

Сообщение от cherrypashka

почему в примере используется var methods

По той же причине, что и var split, a, op, b - это локальные переменные.
Эт такой способ сделать приватные свойства объекта в JS.

Сообщение от cherrypashka

где находится var methods.. в объекте calc?

Это локальная переменная. "Находится" в closure функции Calculator:

рони · #7 (**permalink**) 30.01.2014, 04:54

danik.js,

с картинками оно интереснее -- скопировать код - запустить локально -- поискать в Sources консоли -- поставить брекпоинт на первом применении метода и справа развернуть Scope - тока бы незабыть --- хмм только у меня никаких точек .......... в консоли нет?

danik.js · #8 (**permalink**) 30.01.2014, 05:18

Сообщение от рони

хмм только у меня никаких точек .......... в консоли нет?

Что-то я не пойму о каких точках речь. И вкладка Console в данном случае не нужна. Только вкладка Sources.

Еще можно в коде прям прописать директиву debugger;, и тогда, при выполнении кода, отладчик автоматически поставится на паузу на строке с директивой.

рони, разобравшись с отладчиком, тебе станет в разы проще работать с кодом. Помню свой восторг, когда осознал всю силу отладчика

рони · #9 (**permalink**) 30.01.2014, 09:52

danik.js,
на скриншоте во всех строках кода точки например последняя строка........}

Сообщение от danik.js

Помню свой восторг

мечта)))

danik.js · #10 (**permalink**) 30.01.2014, 15:16

рони, это пробелы отображаются.
Settings (правый нижний угол - шестерня) -> General -> Sources -> Show whitespace characters

Форум

Справочник

Discord чат

Курсы javascript