Ninja Learn | نینجا لرن

〰〰〰〰💎 پروتوتایپ در JavaScript 💎〰〰〰〰

امروز میخوایم درمورد پورتوتایپ در js صحبت کنیم 😁
قبل از اینکه به اصل مطلب بپردازیم، بیایید چند مفهوم اولیه رو مرور کنیم تا درک بهتری از پروتوتایپ داشته باشیم:

🗳 شیء (Object):

در جاوا اسکریپت همه چیز یک شیء است. شیء مجموعه‌ای از ویژگی‌ها (properties) و رفتارها (methods) است.

🔨‌ تابع سازنده (Constructor):

یک تابع خاص است که برای ایجاد اشیاء جدید استفاده میشه.

🗂‌ پروتوتایپ (Prototype):

یک شیء است که به عنوان الگو برای ایجاد اشیاء دیگه عمل میکنه. هر شیء در جاوا اسکریپت یک پروتوتایپ داره که میتونه به اون ارث برسد.

❓ پروتوتایپ چیه و چه کاربردی داره؟
پروتوتایپ در واقع یک شیء هست که پراپرتی و اکشن مشترک بین چندین شیء رو تعریف میکنه. وقتی یک شیء جدید ایجاد می‌کنیم، این شیء به طور خودکار به پروتوتایپ دیگه ای متصل میشه و میتونه از پراپرتی ها و اکشن های اون استفاده کنه.

❓ چرا از پروتوتایپ استفاده می‌کنیم؟

1⃣ کاهش کد تکراری:

با تعریف پراپرتی ها و اکشنا در پروتوتایپ، نیازی نیست اون هارو در هر شیء به صورت جداگونه تعریف کنیم.

2⃣ افزایش قابلیت استفاده مجدد از کد:

پروتوتایپ‌ها باعث می‌شوند کد ما قابل انعطاف‌تر و قابل استفاده مجدد در بخش‌های مختلف برنامه باشه.

3⃣ درک بهتر مفهوم وراثت:

پروتوتایپ‌ها مفهوم وراثت را در جاوا اسکریپت پیاده‌سازی می‌کنند.

⚫️ مثال 1: ایجاد یک شیء Person

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

Person.prototype.sayHello = function() {
  console.log(`Hello, my name is ${this.name}`);   

};

const person1 = new Person('علی',   
30);
person1.sayHello(); // خروجی: Hello, my name is علی

توی این مثال، ما یک تابع سازنده به نام Person تعریف کردیم که برای ایجاد اشیاء از تایپ شخص استفاده میشه. بعد، یک متد به نام sayHello به پروتوتایپ این تابع اضافه کردیم. هر شیئی که با استفاده از این تابع سازنده ایجاد شه، میتونه از متد sayHello استفاده کند.

⚫️ مثال 2: ایجاد یک شیء Student که از Person ارث بری می‌کند

function Student(name, age, grade) {
  Person.call(this, name, age); // فراخوانی سازنده والد
  this.grade = grade;
}

Student.prototype = Object.create(Person.prototype);
Student.prototype.constructor = Student;

const student1 = new Student('حسن', 20, 'A');
student1.sayHello(); // خروجی: Hello, my name is حسن
console.log(student1.grade); // خروجی: A

توی این مثال، ما یک تابع سازنده جدید به نام Student تعریف کردیم که از Person ارث بری میکنه. با استفاده از Object.create، پروتوتایپ Student رو به پروتوتایپ Person متصل کردیم.
به این ترتیب، اشیاء از نوع Student میتونند از همه ویژگی‌ها و رفتارهای Person استفاده کنند.

🔗 زنجیره پروتوتایپ
هر شیء در جاوا اسکریپت یک زنجیره پروتوتایپ داره. وقتی به یک پراپرتی یا متد در یک شیء دسترسی پیدا می‌کنیم، جاوااسکریپت اول اون رو توی خود شیء جستجو میکنه. اگه پیدا نشد، به پروتوتایپ اون شیء مراجعه میکنه و این روند تا زمانی ادامه پیدا میکنه که پراپرتی یا متد پیدا شه یا به اخر زنجیره برسیم.

✅کلام اخر
پروتوتایپ‌ها یکی از مفاهیم بنیادی در جاوااسکریپت هستند که به ما کمک میکنه تا کدهای بهتر و قابل نگهداری‌تری بنویسیم. با درک عمیق از پروتوتایپ‌ها، میتونید از اون ها برای ایجاد ساختارهای داده‌ای پیچیده و قدرتمند استفاده کنید.

ممنون میشم اگه خوشت اومد ریکشن بزنی و فالو کنی :)

#جاوا_اسکریپت #پروتوتایپ #شیء_گرایی #برنامه_نویسی

@ninja_learn_ir

👍6🔥5❤2

522 viewsMohammad, 08:31