Объектно-ориентированный подход в Javascript

Объектно-ориентированное программирование - это методология разработки, которая моделирует реальный мир, используя объекты и связи между ними. Javascript - это интерфейсный язык разработки, использующий ООП. Здесь я хочу освежить ваши знания о Javascript, как мы подходим к разработке объектно-ориентированных моделей. Javascript - это язык со слабой типизацией. Следовательно, с объектами и их поведением легко обращаться.

Прежде всего, вам нужно знать, что такое объект и класс. Объект - это любая сущность реального мира, состоящая из состояний и поведения. Класс - это план объекта. Таким образом, мы можем создавать объекты и управлять ими, используя его класс. Это как строить дома по поэтажному плану. Но мы можем внести некоторые изменения в наши собственные цели в объектах. В Javascript мы можем создать объект следующими способами.

Создание объекта

В Javascript класс рассматривается как функция-конструктор. Это один из способов объявления объекта.

<script type="text/javascript">

   function person(name, age){
      this.name = name;
      this. age = age;
   }

   // Creating new instance of the person object
   var alan = new person("alan", 27);
   var john = new person("John", 35);
   document.write(alan.name);
</script>

Просто мы можем изменить или присвоить новые значения существующим переменным.

<script type="text/javascript">
   function person(name, age){
          this.name = name;
          this.age = age;
       }

       // Creating new instance of the person object
       var alan = new person("alan", 27);

       // change a variable
       alan.age = 33;

       document.write(alan.name +" age is "+ alan.age);

        //output
        alan age is 33
</script>

Как создать объект с помощью инициализатора в Javascript. Раньше мы использовали функции-конструкторы и с их помощью создавали объекты. Другой способ сделать это - создать объект следующим образом. Также вы можете использовать их свойства.

// Creating objects using initializer
alan = {name:"Alan", age:27};
john = {name:"Taylor",age:35};

document.write(alan.name);

Добавление методов к вашему объекту имеет важное значение при моделировании проблем с использованием объектно-ориентированного подхода. Здесь мы снова начинаем с функции-конструктора.

<script type="text/javascript">

   function person(name, age){
      this.name = name;
      this.age = age;
      this.yearstoPromote = yearsLeftToSenior; // Don't Add paranthesies
   }
   
   function yearsLeftToSenior(){
      var numYears = 30 - this.age;
      return numYears;
   }
   

   // Creating new instance of the person object
   var alan = new person("alan", 27);
   var john = new person("John", 29);

   document.write(alan.yearstoPromote()); // Here you need     paranthesies

</script>

Кроме того, мы можем создавать функции внутри объектов инициализатора и использовать их в качестве поведения объектов.

alan = {name:"Alan",
           age:27,
         greeting: function(greeting){
            document.write("Good "+ greeting)
         }
         };

  
alan.greeting("Morning"); // Calling to function
      
//output
Good Morning

Также мы можем удалить свойства объекта.

delete alan.age;

Глобальные объекты в Javascript

Ранее я писал о настраиваемых объектах и о различных способах их обработки. Глобальные объекты известны как предопределенные объекты библиотекой Javascript, которая выполняет определенные задачи. Есть свойства, которые уже предопределены. Я покажу вам пример некоторых глобальных переменных в Javascript ниже.

• Строковый объект

<script type="text/javascript">

   var hello = "Hello alan have a nice day !!!";

   hello = hello.toUpperCase();

   document.write("Length of Hello :"+hello.length);
   document.write("<br>");
   document.write(hello);
   
   // output
   Length of Hello :30
   HELLO ALAN HAVE A NICE DAY !!!
</script>

• Математический объект

<script type="text/javascript">

   var number = 3.8;
    var newNumber = 23 + Math.round(number);
    document.write(newNumber);

   // output
   27
</script>

• Объект даты

<script type="text/javascript">

   var today = new Date();
   var todayString = today.toDateString();
   
   document.write(today);
   document.write("<br>");
   
   today.setYear("2022");

   document.write(todayString);
   document.write("<br>");
   document.write(today);
   
   // output
   Thu Jan 21 2021 22:37:15 GMT+0530 (India Standard Time)
   Thu Jan 21 2021
   Fri Jan 21 2022 22:37:15 GMT+0530 (India Standard Time)
</script>

Заключение

В конце рассказа вы узнали некоторый объектно-ориентированный подход в Javascript. Прокомментируйте свои отличные идеи или задайте любой вопрос к этой истории в разделе ответов ниже.
Считали этот пост полезным? Пожалуйста, нажмите кнопку 👏 ниже! :)

Пожалуйста, подпишитесь на меня в среде, чтобы поделиться такими знаниями в будущем. Спасибо !!!