Ето най-добрите въпроси за интервю за програмиране на es6 и отговори за начинаещи и опитни професионалисти, за да пробиете бързо интервюто.

Въведение:

ES6 е името на скрипта, дадено на езика JavaScript. Това е шестата актуализация на JavaScript. ES6 е известен още като ECMAScript 6 и ECMAScript 5. JavaScript е име, дадено на езика за маркетингови цели. За стандартизация на езика и неговите спецификации той беше даден на орган за стандартизация на информацията и комуникацията за технологии, който е Европейската асоциация на производителите на компютри (ECMA). Така че в началото беше наречен ECMAScript след евентуална стандартизация на езика.

Първото издание на езика беше обявено през юни 1997 г. ES6 беше обявен през юни 2015 г. Беше обявен като EcmaScript6 (ES6), който по-късно беше преименуван на ECMAScript 2015.

Въпроси за интервю на ES6

В: Какво е ES6?

О: Това е стандартизиран език за JavaScript. ES6 е шестата езикова актуализация за JavaScript (JS).

В. Какви са някои нови функции на ES6?

О: Следват някои нови функции на ES6:

  • Поддръжка на константи
  • Поддръжка на Block-Scope за константи, функции
  • Разширена обработка на параметри
  • Задание за деструктуриране
  • Вълнуващи нови функции: модули, класове, итератори, генератори
  • Нови подобрени свойства на обекта
  • Сега поддръжка за Map/Set & WeakMap/WeakSet
  • Нов подобрен регулярен израз
  • Обещания
  • Мета-програмиране, интернационализация и локализация
  • Шаблонни литерали и разширени литерали
  • Функции на стрелките

В: Какво е ключова дума let?

A: Let е опция, която ви позволява да декларирате променлива с черен обхват.

В: Какво е ключова дума const?

A: Изявлението const ви позволява да декларирате const. В const стойността не може да се променя. Те трябва да имат стойност в момента на декларирането. Съдържанията са неизменни променливи.

В: Какво представлява функцията стрелка? Как да го създадем?

О: Функцията стрелка е кратка алтернатива на синтаксиса за писане на израз на функции в ES6. Функцията за стрелка се нарича още „функция за дебела стрелка“, защото използва =› маркер за дебела стрелка.

В: Какви са предимствата на функциите със стрелки?

О: Следват предимствата на функциите със стрелки:

  1. Функциите със стрелки са много кратки и по-малко многословни от нормалните функции.
  2. Функциите със стрелки имат лексикално обвързване, което прави вашия код много лесен и удобен. Функциите със стрелки вземат аргумента „this“ от обкръжението и вече не се нуждаете от bind () или const that = this.

В: Как да изтегля ES6?

A: Следвайте тези команди:

  1. Инсталиране на Rollup
  2. Файлова структура
  3. Създайте конфигурационен файл и го наречете rollup.config.js
  4. Заредете скриптовия файл в HTML
  5. Настройка на Js файлове.
  6. Компилирайте ES6 в ES5

В: Какво е Modules ES6?

A: ES6 Module Transpiler е мощен инструмент, който компилира вашия ES6 в ES5 съвместим код в Common JavaScript или ADM стил.

В: Как да експортирате и импортирате модули?

О: Можете да експортирате и импортирате модули, като използвате следните команди:

  • импортиране на модул от './Module/Module;
  • експортен модул;

В: Обяснете присвояването на деструктуриране в ES6?

О: Присвояването на деструктуриране е нова функция в ES6. Много е изгодно. Помага на разработчиците да извличат данни от масив и обекти в отделни променливи.

нека пълно_име = ['Пол','Ферара'];

нека [първо_име,фамилно_име]=пълно_име;

console.log(първо_име,фамилно_име);

// извежда Paul Ferrara

Друг пример

нека c=[400,700,660,900];

нека [a,…b]=c;

console.log(a,b);

// извежда 400 [700, 660, 900]

В: Какво е Webpack?

О: Webpack е модул за групиране на JavaScript с отворен код, който създава среда, която поддържа и изпълнява Babel.

В: Какво представляват шаблонните литерали в Es6?

О: Шаблонните литерали се дефинират като низови литерали, които позволяват вградени изрази. Шаблонните литерали в ES6 са много полезни и по-добри от нормалните литерали, изградени с кавички. Литералите на шаблона ви позволяват да работите с низове по по-добър начин в сравнение с ES5. Те позволяват концентрация и интерполация по много по-уникален и ясен начин.

Нека да видим пример за концентриране на низ в JavaScript (JS):

var a=”Хей”;

var b=”Пол”;

var c = a+ “ “ + b;

Console.log(c); //извежда Hey Paul;

Можете да направите концентрация и интерполация чрез обратна отметка “ в един ред. За да интерполирате променлива, поставете в {} скоби, препратени със знак $.›/p›

// In ES6

let a=”Хей”;

нека b=”Пол”;

console.log(c); //извежда Hey Paul;

В: Обяснете константите в Es6?

О: В ES6 константата се декларира чрез ключова дума const. ES6 предоставя ключова дума const, която константата използва и декларира const.

В: Какво е Babel?

О: Babel е JS Transpiler, който ни позволява да пишем в ES6 и да превеждаме работата, извършена в ES6, в ES5, който се поддържа от браузърите.

В: Избройте стъпките за инсталиране на Babel?

О: Следвайте тези стъпки:

Изисквания за процеса на инсталиране на Babel:

Трябва да имате инсталиран Node.Js на вашия сървър. За да проверите дали Node.Js е инсталиран, използвайте тези команди:

възел -v

npm -v

Инсталиране на Babel: Сега можете да инсталирате Babel CLI, като изпълните следната команда в терминала:

npm install -save-dev babel-cli

В: Избройте предимствата от използването на Webpack?

О: Следват предимствата от използването на Webpack:

  1. Множество модули и пакети са групирани в един .js файл.
  2. Има интегриран сървър за разработка. Трябва само да включите един JS таг, насочен към сървър като localhost:8080/assets/bundle.js, и да получите актуализиране на код на живо и управление на активи без разходи.

В: Как да създадете Javascript клас в ES6?

О: Можете да създадете клас в JavaScript, като използвате следната команда:

Потребител на класа{

конструктор (име, възраст) {

this.name = име;

this.age = възраст;

}

getData() {

console.log(this.name + “ is “ + this.age + “ years old !”);

}

}

var user = new User(“foo”, 7);

s1.getData();

В: Какво е Spread Operator в ES6?

О: Използвайки оператора за разпространение, можете да манипулирате масиви и обекти по нов начин. Операторът за разпръскване, който е представен като „…“, разпръсква променливата. Например:

функция print(...z){

console.log(z);

}

печат(1,2,3,4);//[1,2,3,4]

В: Как да отстранявате грешки в ES6?

О: Следвайте тези стъпки:

  1. Инсталиране на Node.js 8.x
  2. Конфигурирайте нов ES6 проект
  • Инсталирайте модула Babel:
  • Актуализирайте Package.json
  • Създайте src файл и src/math.js

връщане num1 + num2;

}експортиране на функция multiply(num1, num2) {

връщане num1 * num2;

}

  • импортиране на {add, multiply} от ‘./math’;const num1 = 5, num2 = 10;console.log(‘Add: ‘, add(num1, num2));
  • console.log('Умножение:', умножение(num1, num2));
  • Конфигурирайте Babel за транспилиране на ES6 към ES5
  • Добавете конфигурация за стартиране
  • Отстранете грешки в приложението си

В: Ще поддържа ли ES6 Backend?

О: да, ES6 ще поддържа Backend.

В: Какво представляват обещанията в ES6?

О: За да се поддържа асинхронно програмиране, обещанията предоставят по-ясен начин за внедряване на асинхронно програмиране в JavaScript (нова функция на ES6).

В: Какво е Set?

A: Set: Set е колекция от уникални стойности, в които дублиращите се стойности се игнорират. Всички стойности трябва да са уникални. Стойностите могат да бъдат препратки към обекти или примитивни типове.

В: Какво е карта?

Карта: Картата може да се дефинира като елементи, които се съхраняват като ключове или двойки стойности. Обекти или примитивни стойности могат да се съхраняват в map като ключ или стойност.

В: Какво е Weakmap?

Weakmap: В WeakMap ключовете са обекти и могат да имат произволна стойност.

В: Какво е Weakset?

Weakset: Weakset ви помага да съхранявате слабо задържани обекти в колекция. Един обект се среща само веднъж, тъй като е уникален в колекцията на слабите настройки.

В: Каква е разликата между ES6 и typescript?

О: Няма изключителна разлика между ES6 и Typescript. Можете да изпълнявате функции в ES6, които можете да изпълнявате в Typescript. Единствената разлика е, че преписът може да създава само ECMAScript.

В: Каква е разликата между CoffeeScript и es6?

A: Разлика между CofeeScript и ES6:

Разликата между CoffeeScript и ES6 е, че CoffeeScript има всички нови функции, които има ES6, и се компилира в JavaScript. Но ES6 е език от следващо ниво, който използва компилатор като Babel за преобразуване на код в ES5 (текущата версия на JavaScript).

В: Какво се разбира под изрази на клас?

A: Class Expressions означава да се дефинира клас в ES6. Изразът на класа е наименуван и ненаименуван, и двата. Той използва наследяване, базирано на прототип.

В: Какво представлява функцията за генериране?

О: Това е нова вълнуваща функция на ES6, в която стойностите могат да се генерират с течение на времето чрез връщане на обект, който итерира, за да изтегли стойности от функцията една стойност наведнъж.

В: Какво представляват параметрите по подразбиране?

О: Параметрите по подразбиране са параметри, които позволяват на именуваните параметри да започват със стойности по подразбиране, ако не премине стойност или недефинирано.

В: Какво представлява функцията за генериране?

О: генераторът е функция, която се държи като итератор. Може да спре и да продължи от мястото, където е спряло по-рано.

В: Как можете да филтрирате масив от обекти в ES6?

О: Можете да филтрирате масив от обекти в ES6 чрез следните команди:

var testArray = [{“име”:”Шийба”, “възраст”: 26},

{“име”:”Нида”, “възраст”: 22},

{“име”:”Нахид”, “възраст”: 5},

{“име”:”Наила”, “възраст”: 20 }];

var data = testArray.filter(person =› person.age › 18); //Филтрира масива от обекти към набора условия

console.log(данни);

/*

0:{име: „Sheeba“, възраст: 26}

1:{име: „Нида“, възраст: 22}

2:{име: „Наила“, възраст: 20}

дължина:3

*/

Първоначално публикувано в https://onlinetutorials.today на 14 май 2019 г.