Сообщения

JavaScript Способы создания массивов

< script > const car1 = [ 'bmw' , 'mazda' , 'nissan' ]; console. log (car1); const car2 = new Array ( 'bmw' , 'mazda' , 'nissan' ); console. log (car2); // Генераторы массивов const testArray = new Array ( 10 ). fill ( 1 ); console. log (testArray); const pizza = Array . from ({length: 5 }, ( _ , i ) => ({ id: `пицца- ${ i + 1 } ` }) ); console. log (pizza); </ script >

JavaScript Async, Await (пример)

< html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title >Async, Await</ title > </ head > < body > < script > // Обычный код с обычными промисами // resolve (решать) возвращается, когда все в порядке // reject (отклонять) возвращается, когда ошибка function sleep ( time ){     return new Promise (( resolve , reject ) => {         if ( time < 500 ){             reject ( `Слишком мало сна!!!` );         }         setTimeout (() => resolve ( `Спал ${ time } ` ), time )     }) } // // Запускаем функцию по первому варианту // sleep(1500).then(res=>{ //  console.log(res); //  return sleep(1000); // }).then(res => { //  console.log(res); //  return sleep(500); /...

JavaScript Видео в браузере

  Видео в браузере https://www.digitalocean.com/community/tutorials/front-and-rear-camera-access-with-javascripts-getusermedia-ru  < body >     < h2 >Видео тест</ h2 >     < video controls width = "440px" ></ video > < script > const video = document. querySelector ( 'video' ); const myVideo = navigator. mediaDevices . getUserMedia ({     video:{         width: {             min: 1280 ,             ideal: 1920 ,             max: 2560 ,         },         height: {             min: 720 ,             ideal: 1080 ,             max: 1440         },         facingMode: {         exact: 'environment'     ...

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

      < script >         // Прототипы и наследование         // Функция Auto         function Auto ( brand , price , gas ){             this .brand = brand ;             this .price = price ;             this .gas = gas ;         }                 // Прототип функции Auto ЗНАЧИТЕЛЬНО уменьшает использование памяти         // Функция одинакова для всех экземпляров         Auto .prototype. drive = function (){             if ( this .gas > 0 ) {                 this .gas = this .gas - 20 ;                 return this .gas;             } else {        ...

JavaScript Мтоды массивов (часть 3)

  // =================================== Метод bind =================================== // // ================ Пример 1 const auto = {     brand: "BMW" ,     drive : function () {         return `Заведем наш ${ this .brand } ` ;     } } const motorBike = {     brand: "Suzuki" } // bind привязывает метод, опредеденный для одного объекта к нужному объекту const autoDrive = auto. drive . bind (auto); const motorDrive = auto. drive . bind (motorBike); const someDrive = auto. drive . bind ({brand: "Корабль" }); console. log ( autoDrive (), " | " , motorDrive (), " | " , someDrive ()); // Пример из Jquery const $ = document. querySelector . bind (document); // Биндим вункцию $ к объекту document const header = $ ( 'h2' ).textContent; // console.log(header); // ================ Пример 2 const bill = {     tip: 0.1 ,     calculate ( total ) {         // console.log(this); ...

JavaScript Мтоды массивов (часть 2)

  <! DOCTYPE html > < html lang = "en" > < head >   < meta charset = "UTF-8" >   < title >Методы Массивов - 2</ title > </ head > < body >   < script > // ## Основные Методы Массивов - 2 const people = [     { name: 'Станислав' , year: 2000 },     { name: 'Василий' , year: 1986 },     { name: 'Александр' , year: 1990 },     { name: 'Владимир' , year: 2004 }, ]; const comments = [     { text: 'Отличный пост!' , id: 523423 },     { text: 'Мне нравится' , id: 823423 },     { text: 'Продолжай в том же духе' , id: 2039842 },     { text: 'Все аццццтой !!!!!' , id: 123523 },     { text: 'Нормально' , id: 542328 } ]; //## Методы Some и Every // Array.prototype.some() -> Проверить, что по крайней мере одному из людей исполнилось 16 лет.     const isSixteen = people. some ( person => new Date (). ge...

JavaScript Мтоды массивов (часть 1)

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < title >Работа с массивами данных</ title > </ head > < body >     < script >         // Вся работа данного урока проводится в консоли браузера Google Chrome         // ## Работа с массивами данных         // Наши данные         const presidents = [             { first: 'George' , last: 'Washington' , born: 1732 , died: 1799 },             { first: 'John' , last: 'Adams' , born: 1735 , died: 1826 },             { first: 'Ronald' , last: 'Reagan' , born: 1911 , died: 2004 },             { first: 'Gerald' , last: 'Ford' , born: 1913 , died: 2006 },             { first: 'Richard' , l...