Javascript Russian Knowledge NOTE

Posts

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/Operator_Precedence приоритет операторов

https://github.com/getify/You-Dont-Know-JS/tree/master/scope%20%26%20closures
https://github.com/getify/You-Dont-Know-JS/blob/master/types%20%26%20grammar/ch4.md
https://github.com/getify/You-Dont-Know-JS/blob/master/types%20&%20grammar/README.md#you-dont-know-js-types--grammar

https://gist.github.com/edtoken/85cd8d10b395567c5494b5a2ab636351 немного простых вопросов, вспомнить

https://github.com/h5bp/Front-end-Developer-Interview-Questions
https://github.com/utatti/Front-end-Developer-Interview-Questions-And-Answers
https://github.com/h5bp/Front-end-Developer-Interview-Questions/tree/master/Translations/Russian https://github.com/khan4019/front-end-Interview-Questions

https://learn.javascript.ru/types-conversion Преобразование типов для примитивов

Code examples

Cинглтон

https://gist.github.com/edtoken/83cdfe9c1f9e6a995cd1e815213baaee

// // USING:
// // Module.js
// import Singleton from './Singleton';
// export default Singleton(() => {
// 	// logic...
// 	return new YourClass.apply(this, arguments);
// });
//
// // app.js
// import Module from './Module';
// const obj = Module.inst();
//
// // other.js
// import Module from './Module';
// const obj = Module.inst();

// Singleton.js
export const Singleton = (callBackObjectCreate) => {
	return (function() {
		let instance = undefined;

		function createInstance() {
			instance = callBackObjectCreate();
		}

		return {
			inst: function() {
				if (!instance) {
					createInstance();
				}
				return instance;
			}
		};
	})();
};

Make uniq prefixes

https://gist.github.com/edtoken/b0ab698208038f3fed36fc220a96c076

const uniqPrefix = (() => {
	let START_UNIQ_PREFIX = 0
  const uniq = () => {}
  uniq.toString = uniq.valueOf = () => {
    START_UNIQ_PREFIX += 1
    return `uniq${START_UNIQ_PREFIX}`
  }
  return uniq
})()

console.log('uniqPrefix', uniqPrefix)

Переместить все нули в конец, линейно по памяти O(n) сложность

https://gist.github.com/edtoken/564234f5c8405cdd9bdfe342fcf2cc77

function moveZeros(array) {
    let i = 0;
    let len = array.length;
    let s = undefined;
    let e = undefined;
    
    while(i < len){

        if(!array[i]){
            if(s == undefined){
                s = i;
                e = i;
            }else{
                e = i;
            }
            
            i++;
            continue;
        }
        
        if(s != undefined){
            array[s] = array[i];
            array[i] = 0;
            i--;
            
            if(s < e){
                s ++;
            }else{
                s = undefined;
                e = undefined;
            }
        }
        
        i++;
    }

    return array;
}

alert(moveZeros([0,1,4,0,0,0,2,2,2,2,2,0,0,10]))

Реализация паралельных ajax запросов со стеком

https://gist.github.com/edtoken/4b43fb55d9b9fc5798b04a1c0dffcbe0

const call = (function() {
  const maxParallelCalls = 5;
  let activeCalls = 0;
  let requestsStack = [];

  // outside promise proxy
  const Defer = function() {
    this.promise = new Promise((resolve, reject) => {
      this.resolve = resolve;
      this.reject = reject;
    });
  };

  // your library async call
  const axiosCall = data => {
    return new Promise((resolve, reject) => {
      console.log("start", data.path);

      setTimeout(() => {
        resolve([data.path, data.start, new Date()]);

        // handle new calls from stack
        activeCalls -= 1;
        handle();
      }, 0.1 + Math.random() * (4 + 1 - 0.1));
    });
  };

  // handler - make new requests
  const handle = () => {
    if (activeCalls >= maxParallelCalls) {
      return;
    }

    while (activeCalls < maxParallelCalls && requestsStack.length) {
      activeCalls += 1;
      const data = requestsStack.shift();
      axiosCall(data).then(r => data.defer.resolve(r));
    }
  };

  return function(type, path, query, body) {
    const data = {
      type,
      path,
      query,
      body,
      defer: new Defer(),
      created: new Date()
    };

    requestsStack.push(data);
    handle();
    return data.defer.promise;
  };
})();

const get = (path, query) => {
  return call("get", path, query);
};

const post = (path, query, body) => {
  return call("post", path, query, body);
};

let c = 50;
while (c) {
  c -= 1;
  get(`api/user/${c}`).then(resp => {
    console.log("FINALLY SUCCESS", resp[0]);
  });
}

Google queries and tips :)

event loop
приоритет обработки операторов (преобразование [] + {}) https://habrahabr.ru/post/159313/#comment_5461903
Асинхронная проверка дом узлов и валидация контента к них
Hеализация параллельных запросов
Асинхрощина
Как работают сравнения в javascript
Преобразование к примитиву
Задача с полиндром
Замыкания
Как работает this
Наследования по старинке
Object.create
proto
Задача с банкоматом
полиндром с знаками препинания
localstorage || sessionstorage
пайп оператор

x |> f = f x
f <| x = f x

Other tasks

func1

/** нужно чтобы выполнился console.log(), код функции модифицировать запрещено **/
(function accountant(){
	const balance = [1,2,3,4,5]
	let sum = 0
	for(const next of balance){
		sum += next
	}
	if(isNaN(sum) || sum !== 15){
		throw new Error(`Error`)
	}
	console.log(`YEAH`)
})()

func2

/** console.log() должен сработать, модифицировать после if(this !== 1) (включительно) запрещено **/
(function isNumberOne(one){
	function numberOne(){
		if(this !== 1){
			throw new Error(`Error`)
		}else {
			console.log('SUCCESS')
		}
	}
	numberOne.call(one)
})(1)

Dirty source

https://www.npmjs.com/package/redux-symbiote

vbarinov/Javascript-Russian-Knowledge-NOTE.md