কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্ট অবজেক্ট মেথড যোগ এবং অ্যাক্সেস করার পদ্ধতি


জাভাস্ক্রিপ্ট অবজেক্ট মেথড যোগ এবং অ্যাক্সেস করার কোড নিচে দেওয়া হলো −

উদাহরণ

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;    } </style> </head> <body> <h1>Add, Access JavaScript object methods</h1> <div style="color: green;" class="result"></div> <button class="Btn">CHECK</button> <h3>Click on the above button to add and access object methods.</h3> <script>    let resEle = document.querySelector(".result");    let obj = {       firstName:'Rohan',       lastName: 'Sharma',       Age:'22',    }    document.querySelector(".Btn").addEventListener("click", () => {       obj.welcome = function(){return 'Welcome '+this.firstName+' '+this.lastName};       resEle.innerHTML = 'Adding function welcome : ' + obj.welcome + '';       resEle.innerHTML += 'Accessing function welcome : ' + obj.welcome() + '';    }); </script> </body> </html>

আউটপুট

উপরোক্ত কোড নিম্নলিখিত আউটপুট তৈরি করবে −

জাভাস্ক্রিপ্ট অবজেক্ট মেথড যোগ এবং অ্যাক্সেস করার পদ্ধতি

'CHECK' বাটনে ক্লিক করলে −

জাভাস্ক্রিপ্ট অবজেক্ট মেথড যোগ এবং অ্যাক্সেস করার পদ্ধতি

  1. জাভাস্ক্রিপ্টে মেথড বরো করা (call, apply, bind)

  2. জাভাস্ক্রিপ্টে অবজেক্ট প্রপার্টি অ্যাক্সেস করার পদ্ধতি

  3. জাভাস্ক্রিপ্টে অন্য অবজেক্ট দিয়ে অবজেক্ট অ্যাক্সেস করা

  4. জাভাস্ক্রিপ্টে বিদ্যমান অবজেক্টে প্রোপার্টি ও মেথড যোগ করা