Practice Code
JavaScript Example (Program)
Learn Details

What is oops ?

OOPs का मतलब होता है की Object-oriented programming. जिससे मालुम होता है की oops का use object के साथ किया जाता है।

Q. Why do we use oops ?

यह बड़े programing code को छोटे से code में convert करने के लिए use किया जाता है।

Q. How to covert big code into small code using oops ?

मान लीजिये की same type multiple object है। उन multiple objecet के sane type के कुछ property के value हैं। तो उस peroperty के value को coppy करके उसे एक function में रख लेते है , और जहाँ -जहाँ उस peroperty के value की जरुरत होती है वहां उस function को call कर लेते हैं। जिससे हमारा code छोटा हो जाता है।

What is requirement for create oops ?

oops को create करने के लिए mostly three statement की जरुरत होती है

  • Class
  • constructor
  • method

1. Class :

जिसे call या access करने बक्त classs name के साथ new keyword का use करके object बनाया जाता है और यह class blueprint को create करने के लिए use किया जाता है | मतलब की multiple object के same type के property class के अंदर ही उसे use होता है।

Note : class direct object के property के value को accept नहीं करता है। जिसके लिए एक constructor की जरुरत होती है

2. constructor :

constructor एक function है जो की class object के अंदर create किया जाता है। यही constructor multiple object के same type के property के value को accept करता है।

Note : अगर class के अंदर किसी constructor को अगर हम नहीं create करते हैं तो वह default khud से create हो जाता है। इसे आप consol .log का use करके देख सकते हैं

3. method :

method class के functionality का काम करता है। मतलब की यह object के property को set करता है

Note : अगर class के अंदर किसी constructor को अगर हम नहीं create करते हैं तो वह default khud से create हो जाता है। इसे आप consol .log का use करके देख सकते हैं

Syntax of create (class, constructor & method)


1. create class

class your_class_Name{
// constructor here
//method here
}

2. create constructor

class class_Name{
constructor(){
}
//method here
}

3. Create method

class class_Name{
constructor(){
//here your statement
}
Method_Name(){
//here your statement
}
}

Syntax of Access or call (class & method)


1. Access class

any_var_Name = new your_class_name()

Note : : यहाँ पर class name "your_class_name()" के साथ new keyword के use करने से वह बन जाता है।



2. Syntax of access method

any_var_Name .method_Name_of_class()

1. Example of class & method with static value



<script>    
      class Office{
      //constructor
      // method
      office_method(){
        document.write("Hello, I am Teach Coders")
      }
    }

    let obj_office = new Office();// here call class and convert class into object
    obj_office.office_method()// here call class method

</script>
 


2. Example of class, constructor & method  (dynamic value)



<script>     
  class Office{
      constructor(x){
        this.myname = x;
      }
      // method
      office_method(){
        document.write("Hello, I am" + this.myname)
      }
    }

    let obj_office = new Office("Teach Coders");// here call class and convert class into object
    obj_office.office_method()// here call class method
</script>
 



3. Example of class, constructor & method with method return value
  (dynamic value)



<script>     
  class Office{
      constructor(x){
        this.myname = x;
      }
      // method
      office_method(){
        return(("Hello, I am " + this.myname))
      }
    }

    let obj_office = new Office("Teach Coders");// here call class and convert class into object    
    document.write(obj_office.office_method())
</script>