window.addEventListener('keydown', handler);
this.arr = data;
const props = { match, location, history, staticContext };
if (render) return match ? render(props) : null;isAuth !== undefined && isAuth === true ? /* do something */ : /* do something other */;isAuth ? /* do something */ : /* do something other */;
document.getElementById('matrix').onkeydown = function(e){
handler(e);
};var matrix = document.getElementById('matrix'); // определите один раз и используйте везде
matrix.addEventListener('keydown', handler);function createMatrix()
{
var matrix = document.getElementById('matrix');
var n = 400;
for (var i = 0; i < n; i++)
{
var div = document.createElement('div');
div.className = 'cell';
matrix.appendChild(div);
}
};function createMatrix() {
var matrix = document.getElementById('matrix');
var n = 400;
for (var i = 0; i < n; i++) {
var div = document.createElement('div');
div.className = 'cell';
matrix.appendChild(div);
}
}#matrix
{
width: 400px;
height: 400px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}#matrix {
width: 400px;
height: 400px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}Как видно из примера, function User является конструктором, но при этом у функции рендера, что в прототипе есть прямой доступ к нему.
В данном случае при new контекст смещается конкретно в область видимости функции User, а весь её прототип становится виден напрямую.
var obj = Object.create(constructor.prototype);
constructor.apply(obj, arguments);
return obj;Если же написать просто "User('Vasya')", то this будет ссылаться на window/global.
Т.е. если ещё повториться, то new просто перемещает this в область видимости непосредственного объекта
Как видно из примера, function User является конструктором, но при этом у функции рендера, что в прототипе есть прямой доступ к нему.
В данном случае при new контекст смещается конкретно в область видимости функции User, а весь её прототип становится виден напрямую. Если же написать просто "User('Vasya')", то this будет ссылаться на window/global.
Т.е. если ещё повториться, то new просто перемещает this в область видимости непосредственного объекта.
if (!map[title]) {
map[title] = { title: title, data: [] };
}*, *:before, *:after {
box-sizing: border-box;
}.row:after {
content: "";
display: table;
clear: both;
}
.col {
float: left;
width: 50%;
}<div class="row">
<div class="col"></div>
<div class="col"></div>
</div>