Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-03-10

1 <ul><li><a>В технике</a><ul><li><a>Устройства</a></li>

2 <li><a>На усилителях и колонках</a></li>

3 </ul></li>

4 <li><a>В программировании</a><ul><li><a>@input</a></li>

5 <li><a>@output</a></li>

6 </ul></li>

7 </ul><p>Информационные технологии развиваются, а вместе с ними все более сложной становится терминология IT. Раньше о большинстве "современных" понятий в разработке и технике даже не подозревали.</p>

8 <p>Сегодня предстоит изучить output и input в программировании и реальной жизни. Необходимо выяснить, когда и где применяются соответствующие термины, что означает каждый из них. Представленная информация пригодится не только разработчикам, но и обычным людям. Связано это с тем, что input и output широко применяются в самых разных сферах/областях жизни.</p>

9 <h2>В технике</h2>

10 <p>Техника и оборудование взаимодействует с пользователями, а также друг с другом на основании ввода-вывода. Подобные процессы в информатике отмечаются как input/output. Они указывают на взаимодействие между обработчиков информации (пример - компьютер или ноутбук), а также внешним миром (человеком, другая система обработки сведений). В этом случае:</p>

11 <ul><li>ввод - сигнал или электронные материалы, которые получены системой;</li>

12 <li>вывод - то, что посылается из системы.</li>

13 </ul><p>Соответствующее понятие иногда означает, что пользователь вводит данные (инпут), а приложение или устройство выводит тот или иной результат (аутпут).</p>

14 <h3>Устройства</h3>

15 <p>В качестве output и input оборудования могут использоваться различные средства ввода-вывода. В обыденной жизни и технике такими устройствами могут выступать клавиатуры, мыши и даже стилусы. Это специально разработанные компьютерные устройства ввода.</p>

16 <p>В качестве аутпут оборудования используется все то, что демонстрирует результат обработки информации в электронной форме. Примеры:</p>

17 <ul><li>мониторы;</li>

18 <li>принтеры;</li>

19 <li>телевизоры с HDMI;</li>

20 <li>колонки.</li>

21 </ul><p>Существуют "уникальные" устройства. Они сразу выполняют роль и output, и input. К ним относят оборудование, которое используется для взаимодействия между компьютерами/системами. Примерами могут послужить модемы и сетевые карты. Это значит, что они не только принимают информацию (инпут), но и "выдают" ее (аутпут).</p>

22 <h3>На усилителях и колонках</h3>

23 <p>Усилитель - оборудование, которое предназначается для увеличения аудиосигнала и его качества. Соответствующий звуковой "импульс" передается на колонки/гарнитуру. Неправильное подключение кабелей приведет к тому, что звук попросту не будет воспроизводится. В отдельных случаях устройства сгорают ввиду неправильной эксплуатации. Именно поэтому необходимо разбираться в outputs и inputs.</p>

24 <p>Разбираясь в том, что значит output и input, необходимо запомнить:</p>

25 <ul><li>аутпут значит "выход";</li>

26 <li>инпут означает "вход".</li>

27 </ul><p>Такая интерпретация output и input встречается повсеместно. В случае с усилителем в "инпут" подается сигнал, в "аутпут" - он выводится в уже усилинном и фильтрованном представлении.</p>

28 <p>Output и input - это всегда вывод обработанного и принятие "необработанного" сигнала в гаджетах. Иногда в качестве "аутпут" выступают клеммы для подключения разнообразных проводов и кабелей. Пример приведен выше.</p>

29 <h2>В программировании</h2>

30 <p>Разработка программного обеспечения - это еще одна область, где встречается output и input. Каждый разработчик должен знать, что значит каждый термин. Особо остро соответствующий момент касается тех, кто планирует работать с потоками.</p>

31 <p>Изучаемые понятия встречаются в различных ЯП, но акцент сделаем на Angular. Это фреймворк с открытым исходным кодом. Продукт от Google, используемый для создания приложений на TypeScript. Он представляет собой полностью переписанный фреймворк от разработчика AngularJS. Angular активно применяется при создании одностраничных современных веб-сайтов.</p>

32 <p>Здесь output и input - это два декоратора. Они применяются разработчиком для реализации межкомпонентного взаимодействия, двусторонней привязки и иных операций.</p>

33 <h3>@input</h3>

34 <p>Рассматривая output и input в Angular2, необходимо запомнить, что инпут - это структура, которая поддерживает вложение между потомком и родителем, когда родительскому классу необходимо передать данные "наследника" и отобразить их. Для этого в наследуемом классе необходимо вставить упомянутый декоратор.</p>

35 <p>Выглядит это так:</p>

36 <p>А вот - наглядный пример:</p>

37 <p>Здесь:</p>

38 <ol><li>В child_component.ts имеются ученики. Они помечены как "инпут". Это указывает на то, что атрибут используется в качестве входного.</li>

39 <li>Студенты используются непосредственно в parent_component.html. Дочерний компонент будет импортироваться в parent.module.ts.</li>

40 <li>Форма "студенты" - это привязка свойств. Привязанными значениями выступают свойства school.schoolStudents.</li>

41 <li>Angular, работа с output и input, будет присваивать студентам значение schoolStudents. После этого произойдут изменения в отображение дочерних элементов.</li>

42 </ol><p>Child_component - это информация для отображения, но их источником выступает parent_component.html. В форме привязке свойства в виде ввода дочернего элемента, если свойство студентов в дочернем компоненте может быть успешно назначено, требуется использование декоратора не output, а input.</p>

43 <h3>@output</h3>

44 <p>Это второй важный декоратор. Рассматривая output и input при работе с потоками информации, необходимо помнить, что иногда данные требуется направить в противоположном направлении от их поступления. В этом случае дочерний компонент отвечает за отображение данных "родителя". Вход будет отвечать за отображение информации "наследника".</p>

45 <p>Стоит обратить внимание на разницу в формировании output и input:</p>

46 <ol><li>Аутпут в Angular2 реализовывается через EventEmitter.</li>

47 <li>При использовании tslint не допускается добавление переменных. Вместо этого разрешено вставить комментарий. Он будет иметь такой вид:</li>

48 </ol><p>Форма представления output отличается от input:</p>

49 <p>EventEmitter - это логический параметр в середине. Он указывает на тип данных, передаваемых кодом. Он может быть пользовательским или базовым.</p>

50 <p>А вот наглядный пример декоратора:</p>

51 <p>Здесь:</p>

52 <ol><li>В дочернем элементе поддерживается аутпут=событие customClick. Тип данных - число.</li>

53 <li>Наследник имеет метод onClicked. Он используется в событии click элемента управления button на HTML-странице. Привязан к (click) = “onClicked”.</li>

54 <li>В родительском элементе предусматривается публичный атрибут showMsg. Класс ts Angular по умолчанию обладает значением public.</li>

55 <li>У родителя поддерживается метод onCustomClicked, используемый в HTML и привязанный к событию выходного тега в дочернем элементе customClick.</li>

56 </ol><p>Лучше понять аутпут и инпут помогут компьютерные курсы.</p>

57 <p><em>Хотите освоить современную IT-специальность? Огромный выбор курсов по востребованным IT-направлениям есть в <a>Otus</a>!</em> </p>