Библиотека знаний - java-script:docs

Классы

Anonymous (anonymous@undisclosed.example.com) — 2018-04-28T01:39:47+00:00

Классы

function Foo() {}
var foo = new Foo();
 
typeof Foo;             // == "function"
typeof foo;             // == "object"
 
foo instanceof Foo;     // == true
foo.constructor.name;   // == "Foo"
Foo.name                // == "Foo"    
 
Foo.prototype.isPrototypeOf(foo);   // == true
 
Foo.prototype.bar = function (x) {return x+x;};
foo.bar(21);            // == 42

Замыкания

Anonymous (anonymous@undisclosed.example.com) — 2018-04-28T01:46:48+00:00

Замыкания

Контекст

Anonymous (anonymous@undisclosed.example.com) — 2018-04-28T01:38:55+00:00

Контекст

From an instance context:

function A() {
    this.getClass = function() {
        return window[this.constructor.name];
    }
 
    this.getNewInstance = function() {
        return new window[this.constructor.name];
    }
}
 
var a = new A();
console.log(a.getClass());  //  function A { // etc... }
 
// you can even:
var b = new a.getClass();
b instanceof A; // true

From static context:

function B() {};
 
B.getClass = function() {
    return window[this.name];
}
 
B.getInstance() {
    return new window[this.name];
}

Функции

Anonymous (anonymous@undisclosed.example.com) — 2018-04-28T01:44:09+00:00

Функции

# Функция с определенным кол-вом параметров
function f(a, b, c, d) { console.log(a + b + c + d) }
 
# Обычный способ вызова
f(1, 2, 3, 4);
 
# f.call()
# Метод call жёстко фиксирует количество аргументов, через запятую
f.call(context, 1, 2, 3, 4);
 
# Вызов функции при помощи func.apply работает аналогично func.call, но принимает массив аргументов вместо списка:
f.apply(context, [1, 2, 3, 4]);

При помощи call/apply можно легко взять метод одного объекта, в том числе встроенного, и вызвать в контексте другого.

function sayHi() {
 
  # Используем эту технику для упрощения манипуляций с arguments. Как мы знаем, это не массив, а обычный объект.. Но как бы хотелось вызывать на нём методы массива.
  arguments.join = [].join; // одолжили метод (1)
 
  var argStr = arguments.join(':');  // (2)
 
  alert(argStr);  // сработает и выведет 1:2:3
 
}
 
sayHi(1, 2, 3);

Лямбда функции

+function(y){
return y+1;
}(6);

Пример JS.Include

Anonymous (anonymous@undisclosed.example.com) — 2018-04-28T01:40:51+00:00

Пример JS.Include

Html:

<script type="text/javascript">var STATICVER = 83;</script>

Java-script:

try{
  js = {"STATICVER": STATICVER};
} catch(e){ js = {};};
 
js.include = function(path) {
  if (typeof(this.STATICVER) == "undefined") {
		this.STATICVER = new Date().getUTCDate();
	}
	document.write('<script type="text/javascript" src="' + path.replace('STATICVER', this.STATICVER) + '"></sc' + 'ript>');
}
 
js.dynamicInclude = function(path, callback) {
	if (typeof(this.STATICVER) == "undefined") {
		this.STATICVER = new Date().getUTCDate();
	}
	$.ajax({
		dataType: "script",
		cache: true,
		url: "/js/" + this.STATICVER + "/" + path
	}, callback);
}
 
js.include('/js/STATICVER/crimea.js');

Обещания / Promises

Anonymous (anonymous@undisclosed.example.com) — 2018-04-28T01:36:57+00:00

Обещания / Promises

Ссылки

Прототипное наследование

Anonymous (anonymous@undisclosed.example.com) — 2018-04-28T01:47:32+00:00