• JavaScript: объясните return в конструкторе

    apangin
    @apangin
    Для простоты понимания примеры можно сократить до следующих.
    Первый: function Test() { this.qqq = a; }
    Второй: function Test() { return {qqq: 'a'}; }

    Теперь обратимся к спецификации ECMA-262, пункт 13.2.2. [[Construct]]

    When the [[Construct]] property for a Function object F is called, the following steps are taken:
    1. Create a new native ECMAscript object.
    2. Set the [[Class]] property of Result(1) to «Object».
    3. Get the value of the prototype property of the F.
    4. If Result(3) is an object, set the [[Prototype]] property of Result(1) to Result(3).
    5. If Result(3) is not an object, set the [[Prototype]] property of Result(1) to the original Object prototype object as described in 15.2.3.1.
    6. Invoke the [[Call]] property of F, providing Result(1) as the this value and providing the argument list passed into [[Construct]] as the argument values.
    7. If Type(Result(6)) is Object then return Result(6).
    8. Return Result(1).

    Разгадка кроется в двух последних строках: если функция возвращает объект, то результатом работы конструктора считается этот объект, если же функция возвращает что-либо другое (либо ничего не возвращает), результатом работы конструктора считается новый объект, созданный на шаге 1.
    Ответ написан
    1 комментарий
  • Баг вебкита при отрисовке бордеров?

    @Panya
    Можно смягчить эффект, если для разных сторон указать немного разные значения для цвета. Накладывание при полупрозрачных бордерах происходит только если они одного цвета. Поэтому если указать для всех 4-х сторон не сильно отличающиеся цвета (со значением прозрачности отличающимся на 0.01), накладывание будет не так заметно.

    div {
      margin:40px 0 0 40px;
      border:30px solid;
      border-color:rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.49) rgba(0, 0, 0, 0.51) rgba(0, 0, 0, 0.52);
      width:500px;
      height:500px;
      background:#ddd;
      padding:30px;
      white-space:pre;
    }
    


    P.S. Про это есть несколько багов на https://bugs.webkit.org/ но все они открытые.
    Ответ написан
    1 комментарий