dSalieri

function renderNextFrame(callback){
  if(typeof callback !== "function") return;
  requestAnimationFrame(() => {
    requestAnimationFrame(() => {
      callback();
    });
  });
}

dSalieri

document.addEventListener("click", () => {
    setTimeout(() =>{
        Promise.resolve(13).then((value) => console.log(value));
        console.log("click1");
    })
})
document.addEventListener("click", () => {
    setTimeout(() =>{
        Promise.resolve(17).then((value) => console.log(value));
        console.log("click2");

dSalieri

function rand(start, end){
    return start + (Math.round(Math.random() * Math.abs(start - end)));
}

dSalieri

function shallowSetEquality(set1, set2){
    if(!(set1 instanceof Set) || !(set2 instanceof Set)) 
      throw Error("One of arguments or both is/are not instance of Set");
    if(set1 === set2) return true;
    let it1 = set1[Symbol.iterator]();
    let it2 = set2[Symbol.iterator]();
    while(true){
        let {value: v1, done: d1} = it1.next();
        let {value: v2, done: d2} = it2.next();
        if(d1 === true || d2 === true) {

dSalieri

function shallowMapEquality(map1, map2){
    if(!(map1 instanceof Map) || !(map2 instanceof Map)) 
      throw Error("One of arguments or both is/are not instance of Map");
    if(map1 === map2) return true;
    let it1 = map1[Symbol.iterator]();
    let it2 = map2[Symbol.iterator]();
    while(true){
        let {value: v1, done: d1} = it1.next();
        let {value: v2, done: d2} = it2.next();
        if(d1 === true || d2 === true) {

dSalieri

/// Compares two objects and returns true or false
/// No protection for recursive structure of objects, don't compare recursive objects
/// Comparation doesn't provide exotic objects like Set, Map or Date, you should realize them by yourself if you want compare it too
/// Below there is demonstration how to realize and include exotic objects into main algorithm
function objectsEquality(specialTypes) {
    specialTypes = sortOf(specialTypes) === "object" ? specialTypes : {};
    return function equality(o1, o2, options) {
        /// if arguments that must be objects aren't them, value is returned null
        if ([o1, o2].some((i) => typeof i !== "object")) return null;
        /// Objects are equal, if objects have same reference to object

dSalieri

Вопрос: Почему мы должны применить деструктуризацию параметра чтобы получить массив который передаем при создании.

Код:

const trapsObject = {
    construct(target, [args]){
        console.log(args); /// [1,2,3]
        return {};
    }
};
const Exo = new Proxy(Array, trapsObject);

dSalieri

Как выглядит это внутри:

Оператор ||:

LogicalORExpression : LogicalORExpression || LogicalANDExpression

1. Let lref be the result of evaluating LogicalORExpression.
2. Let lval be ? GetValue(lref).
3. Let lbool be ! ToBoolean(lval).
4. If lbool is true, return lval.
5. Let rref be the result of evaluating LogicalANDExpression.

dSalieri

Реализация Promise.prototype.finally
Имеет зависимость от SpeciesConstructor

dSalieri

Этот текст был составлен как проблема и помощь в понимании некоторых вещей по спецификации whatwg. Текст проблемы не был принят во внимание и проигнорирован, а мое объяснение было посоветовано разместить в своем блоге.

Текст ниже является объясняющей частью (можете воспользоваться переводчиком, перевод будет сносным, я смотрел). Не удалять же мне эти интересные находки, может кому-то это будет полезным.

I noticed that Chrome APIs gives ~5000ms for APIs that using transient activation in their algorithms for successfull completion

/// measuring only for Chrome
(() => {
    let timerId = null;
    let start = null;