آموزش نمونه های اولیه جاوا اسکریپت: دوره نهایی (2024)

سرفصل ها و درس ها

معرفی Introduction

• وراثت نمونه اولیه Prototypal Inheritance

• جاوا اسکریپت چیست؟ What is JavaScript

• ویرایشگرهای IDE و متن IDE and text editors

• همه اشیا یک [[نمونه اولیه]] دارند All objects have a [[Prototype]]

• همه اشیا یک نمونه اولیه دارند All objects have a prototype

• [[نمونه اولیه]] اشیاء مختلف وجود دارد There are different [[Prototype]] objects

• توابع خاص هستند Functions are special

• چرا اشیا و نمونه های اولیه بسیار مهم هستند Why objects and prototypes are so important

• در جاوا اسکریپت، اشیاء بر روی زمین حکومت می کنند In JavaScript, objects rule the roost

• جاوا اسکریپت یک زبان برنامه نویسی شی گرا است JavaScript is an object oriented programming language

• نمونه پروژه فرضی Hypothetical project example

• هنگام ایجاد اشیاء با نوع مشابه از نمونه های اولیه استفاده کنید Use prototypes when creating objects with a similar type

• وراثت نمونه اولیه Prototypal Inheritance

شیء [[نمونه اولیه]] The [[Prototype]] object

• معرفی بخش Section intro

• چرا درک نمونه های اولیه مهم است Why understanding prototypes matter

• همه اشیا دارای ویژگی [[Prototype]] هستند All objects have a [[Prototype]] property

• [[نمونه اولیه]] پنهان است The [[Prototype]] is hidden

• چرا [[نمونه اولیه]] یک ویژگی داخلی است Why is the [[Prototype]] an internal property

• ویژگی پنهان در مقابل ویژگی داخلی در مقابل شکاف داخلی Hidden Property vs Internal Property vs Internal Slot

• دریافت و تنظیم نمونه های اولیه Getting and setting prototypes

• تقریباً همه چیز در جاوا اسکریپت از رابط Object به ارث می رسد Almost everything in JavaScript inherits from the Object interface

• انواع داده های اولیه هیچ نمونه اولیه مستقیمی ندارند Primitive data types have no direct prototype

• آیا null بدوی است یا شی؟ Is null a primitive or object?

• مقادیر اولیه و پوشش های شی Primitive values and object wrappers

• خط پایین: بدوی اشیا نیستند، بلکه به طور غیرمستقیم از Object به ارث می برند Bottom line: primitives are not objects, but indirectly inherit from the Object

• ایجاد یک شی "اولیه"، با استفاده از سازنده Creating an object "primitive", using a constructor

• بدوی - یک قدم به عقب برداشتن Primitives - taking a step back

• ایجاد یک سفارشی [[نمونه اولیه]] Creating a custom [[Prototype]]

• تنظیم نمونه های اولیه Setting prototypes

• تنظیم نمونه های اولیه Setting prototypes example

• نمونه اولیه یک شی به معنای واقعی کلمه به ".prototype" سازنده آن اشاره می کند. The prototype of an object literal will point to its constructor's ".prototype"

• اصطلاحات تخصصی توسعه دهندگان Developers jargon

• روش های ارثی Inherited methods

• زنجیره نمونه اولیه The prototype chain

• نمونه اولیه زنجیره ای A prototype chain example

• نمونه اولیه در نهایت به null اشاره خواهد کرد The prototype will eventually point to null

• خلاصه ای سریع در مورد [[نمونه اولیه]] A quick recap on [[Prototype]]

• کلمه سریع Quick word

• نمونه اولیه محدودیت هایی دارد The prototype has limitations

• سایه زدن خواص و روش های ارثی Shadowing inherited properties and methods

• خلاصه سایه Shadowing summary

• نمونه اولیه بر ارزش THIS تأثیر نمی گذارد The prototype does not affect the value of THIS

• حلقه زدن از میان اشیا Looping through objects

• خواص قابل شمارش Enumerable properties

• روش های تکرار Iterating methods

• هشدار - نمونه اولیه را در لحظه تغییر ندهید Warning - don't change the prototype on the fly

• هشدار - با اشیاء نمونه اولیه داخلی کار نکنید Warning - don't mess with in-built prototype objects

• من فقط در مورد اشیاء خالص صحبت می کنم I am only talking about pure objects

• اصلاح نمونه های اولیه اشیاء داخلی Modifying the prototypes of built-in objects

• خلاصه Summary

• [[نمونه اولیه]] مسابقه [[Prototype]] quiz

الگوهای نمونه سازی Instantiation Patterns

• معرفی بخش Section intro

• لفظ شیء Object Literals

• این بخش بسیار مهم است This section is crucial

• الگوهای نمونه سازی Instantiation Patterns

• الگوهای نمونه سازی که در این بخش با آنها آشنا خواهید شد Instantiation patterns you'll be learning about in this section

• نمونه سازی کاربردی Functional Instantiation

• کاستی های نمونه سازی عملکردی Shortcomings of functional instantiation

• Instantiation عملکردی - بستن نظرات Functional Instantiation - closing comments

• نمونه سازی مشترک کاربردی Functional Shared Instantiation

• نمونه کارکردی مشترک - بستن نظرات Functional Shared instantiation - closing comments

• نمونه اولیه - مقدمه Prototypal Instantiation - Introduction

• Object.create() Object.create()

• نمونه اولیه - نمونه Prototypal Instantiation - example

• نمونه اولیه - توضیح داده شده است Prototypal Instantiation - explained

• نمونه اولیه - نظرات پایانی Prototypal Instantiation - closing comments

• مثال شبه کلاسیک - مقدمه Pseudoclassical Instantiation - intro

• مثال شبه کلاسیک - مثال Pseudoclassical Instantiation - example

• Instantiation شبه کلاسیک - نظرات پایانی Pseudoclassical Instantiation - closing comments

• هشدار: شما نمی توانید همه چیز را به نمونه اولیه اضافه کنید Warning: you can't add everything to the prototype

• ترکیب وراثت و سازنده Combining inheritance and constructors

• نحو فلش را نمی توان به عنوان سازنده استفاده کرد Arrow syntax cannot be used as a constructor

• نحو پیکان هیچ اتصالی به THIS ندارد Arrow syntax has no binding of THIS

• نمونه سازی کلاس Class Instantiation

• Class Instantiation - بستن نظرات Class Instantiation - closing comments

• کد Code

• BAM، POW - شما این کار را انجام دادید! BAM, POW - you've done it!

• آزمون الگوهای نمونه Instantiation Patterns Quiz

نمونه های اولیه و الگوهای نمونه سازی - تست Prototypes and Instantiation Patterns - Test

• نمونه های اولیه و الگوهای نمونه سازی - تست Prototypes and Instantiation Patterns - Test

__proto__ (با نام مستعار: dunder proto) __proto__ (aka: dunder proto)

• معرفی بخش Section intro

• __proto__ مقدمه __proto__ introduction

• ECMAScript چیست و __proto__ چگونه معرفی شد؟ What is ECMAScript and how was __proto__ introduced?

• بیایید گیرنده و تنظیم کننده __proto__ خودمان را تعریف کنیم Let's define our own __proto__ getter and setter

• چگونه __proto__ را تلفظ کنید؟ How to pronounce __proto__?

• Dunder proto یک ویژگی داخلی نیست Dunder proto is not an internal property

• قیاس تنیس Tennis Analogy

• __proto__ تا حدی منسوخ شده است، در پیوست B __proto__ is partly deprecated, in Annex B

• __پرتو__ تمرین __proto__ exercise

• جایگزین های مدرن برای گرفتن و تنظیم نمونه اولیه یک شی Modern alternatives to getting & setting an object's prototype

• چه زمانی باید از setPrototypeOf() استفاده کنید When should you use setPrototypeOf()

• یک قدم به عقب برو Take a step back

• مشکل شماره 1. __proto__ به راحتی قابل تنظیم است Problem #1. __proto__ is easily configurable

• مشکل شماره 2. __proto__ یک کلمه کلیدی خاص است Problem #2. __proto__ is a special keyword

• تنظیم نمونه اولیه یک شی بر روی null Setting an object's prototype to null

• افکار کلی من در مورد dunder proto My overall thoughts on dunder proto

• هشدار MDN MDN's warning

• خلاصه __proto__ Summary of __proto__

• Dunder را به دیوار آویزان کنید Hang the Dunder on the wall

• آزمون __proto__ __proto__ quiz

ویژگی .prototype The .prototype property

• فقط توابع دارای ویژگی .prototype هستند Only functions have a .prototype property

• برخی از توابع دارای ویژگی .prototype نیستند Some functions do not have a .prototype property

• چرا توسعه دهندگان با کلمه "نمونه اولیه" اشتباه می شوند Why developers get confused with the word "prototype"

• [[نمونه اولیه]] با نمونه اولیه یکسان نیست [[Prototype]] is not the same as the prototype

• نمونه اولیه فقط برای توابع سازنده اهمیت دارد The .prototype only matters for constructor functions

• استثناهایی از قاعده وجود دارد There are exceptions to the rule

• یک تابع سازنده با ویژگی های [[Call]] و [[Construct]] تعریف می شود A constructor function is defined by the [[Call]] and [[Construct]] properties

• ویژگی .prototype یک شی است The .prototype property is an object

• [[Prototype]] شی به توابع .prototype اختصاص داده شده است The object's [[Prototype]] is assigned to the functions .prototype

• تقریباً همه توابع دارای ویژگی [[Prototype]] و .prototype هستند Almost all functions have both a [[Prototype]] and .prototype property

• چرا ویژگی .prototype تابع یک تابع است نه یک شی؟ Why is the Function's .prototype property a function and not an object?

• توابع در جاوا اسکریپت نیز شی هستند Functions in JavaScript are also objects

• چندین نمونه اولیه در این زنجیره وجود دارد There are multiple prototypes in the chain

• دارایی سازنده چیست؟ What is the constructor property?

• یک تست سرگرم کننده A fun test

• ویژگی .prototype را می توان رونویسی کرد The .prototype property can be overwritten

• کل زنجیره نمونه اولیه فاش شد The entire prototype chain revealed

• Object.prototype بر فضای زندگی حاکم است The Object.prototype rules the roost

• تفاوت بین [[Prototype]] و .prototype Differences between [[Prototype]] and .prototype

• [[Prototype]] و .prototype دو هدف متفاوت دارند [[Prototype]] and .prototype serve two different purposes

• خلاصه ای از ویژگی .prototype Summary of the .prototype property

• توابع دارای ویژگی .prototype هستند Functions have a .prototype property

• آزمون نمونه اولیه تابع Function prototype quiz

همه چیز در مورد نمونه های اولیه - خلاصه پیشرفته Everything about Prototypes - Advanced Recap

• تست نمونه های اولیه پیشرفته Advanced Prototypes Test

کاربرد عملی - ساختن زنجیره های نمونه اولیه خود را Practical Application - building your own prototype chains

• نمای کلی پروژه دوره Course project overview

• استفاده از کلمه کلیدی "جدید" برای راه اندازی یک زنجیره اولیه (قبل از سال 2011) Using the 'new' keyword to set up a prototype chain (prior to 2011)

• ایجاد زنجیره اولیه با استفاده از کلمه کلیدی "جدید". Creating the prototypal chain using the 'new' keyword

• مشکلات استفاده از کلمه کلیدی "جدید". The problems with using the 'new' keyword

• رفع مشکل مرجع سازنده Fixing the constructor reference problem

• استفاده از Object.create() برای راه اندازی یک زنجیره اولیه (بعد از ES5 - 2011) Using Object.create() to set up a prototype chain (after ES5 - 2011)

• استفاده از Object.create() هنوز ایده آل نیست Using Object.create() is still not ideal

• استفاده از Object.setPrototypeOf() برای راه اندازی یک زنجیره اولیه (پس از ES6 - 2015) Using Object.setPrototypeOf() to set up a prototype chain (after ES6 - 2015)

• استفاده از کلاس ها برای راه اندازی یک زنجیره اولیه (پس از ES6 - 2015) Using Classes to set up a prototype chain (after ES6 - 2015)

• استفاده از کلمه کلیدی "extends" برای ساختن زنجیره نمونه اولیه مبتنی بر کلاس ما Using the "extends" keyword to build our class-based prototype chain

• ساخت یک زنجیره نمونه اولیه سفارشی 3 سطحی - با استفاده از توابع سازنده Building a 3 level custom prototype chain - using Constructor Functions

• ساخت یک زنجیره نمونه اولیه سفارشی 3 سطحی - با استفاده از کلاس ها Building a 3 level custom prototype chain - using Classes

• مشکل با کد ما - تکراری Problems with our code - duplication

• راه حل: با استفاده از متد call() با توابع سازنده Solution: using the call() method with constructor functions

• تکمیل 3 سطح وراثت نمونه اولیه - توابع سازنده Completing 3 levels of prototype inheritance - Constructor Functions

• تکمیل 3 سطح وراثت نمونه اولیه - نحو کلاس Completing 3 levels of prototype inheritance - Class Syntax

• خلاصه Summary

• اضافه کردن سطوح بیشتر و خواهر و برادر Adding more levels and siblings

• شما نمونه های اولیه را شکست داده اید You've beaten prototypes

زبان‌های اولیه در مقابل زبان‌های کلاسیک Prototypal languages vs Classical languages

• زبان OOP چیست و چگونه کلاس‌ها و نمونه‌های اولیه در تصویر قرار می‌گیرند؟ What is an OOP language and how do classes and prototypes fit into the picture?

• نحوه برخورد زبان‌های مبتنی بر کلاس و زبان‌های مبتنی بر نمونه اولیه با وراثت How class-based languages and prototype-based languages deal with inheritance

• مثال Hello World - کلاس ها در مقابل نمونه های اولیه Hello World example - classes vs prototypes

• کنسول جاوا در مقابل کنسول جاوا اسکریپت Java Console vs JavaScript Console

• کد ارثی با جاوا (یک زبان مبتنی بر کلاس) Inheritance code with Java (a class-based language)

• تست کد در JDoodle Testing code on JDoodle

• مقایسه بین کلاس ها و نمونه های اولیه Comparison between classes and prototypes

• خلاصه بخش Section Summary

• نمونه های اولیه در مقابل کلاس ها Prototypes vs Classes

• از این دانش استفاده کنید Use this knowledge

نمونه های اولیه در مقابل ترکیب Prototypes vs Composition

• مقدمه ای بر ترکیب Intro into composition

• کد ترکیب - تبدیل مدل مبتنی بر نمونه اولیه ما به ترکیب Composition code - converting our prototypal-based model, to composition

• وراثت در مقابل ترکیب - خلاصه Inheritance vs Composition - summary

• خلاصه - زمان استفاده از ترکیب در مقابل نمونه های اولیه Summary - when to use composition vs prototypes

• کد نوشتن - نمونه های اولیه/وراثت در مقابل ترکیب Writing code - prototypes/inheritance vs composition

Outro Outro

• Outro Outro