مجموعه سوال و جواب‌های جاواسکریپتی

اگه از کتاب خوشتون اومد به گیت‌هابمون مراجعه کنین و بهمون ⭐️ بدین. اگر هم قصد مشارکت داشتید همونجا می‌تونین شروع کنین و ما هم خیلی خوشحال می‌شیم 😃

لینک گیت‌هاب ما برای مشارکت برای تولید کتاب‌ها: https://github.com/mariotek

نحوه دانلود کتاب به فرمت‌های PDF/Epub

می‌تونین خیلی راحت نسخه آنلاین کتاب استفاده کنین یا اگه به فایل کتاب می‌خوایین دسترسی داشته باشین، از بخش ریلیزهای گیت‌هاب به فرمت‌های مختلف آخرین نسخه کتاب رو می‌تونین دریافت کنین.

فهرست

ردیف	سوال	صفحه
1	روش‌های ایجاد objectها توی جاواسکریپت کدوما هستن؟	29
2	زنجیره prototype چیه؟	31
3	تفاوت‌های بین call، apply و bind کدوما هستن؟	31
4	فرمت JSON چیه و عملیات‌های معمول روی اون چیا هستن؟	33
5	هدف از متد slice روی آرایه‌ها چیه؟	33
6	هدف از متد splice روی آرایه‌ها چیه؟	34
7	تفاوت متدهای slice و splice چیا هستن؟	34
8	تفاوت‌های Object و Map چیا هستن؟	35
9	تفاوت‌های بین عملگرهای == و === چیا هستن؟	35
10	توابع lambda یا arrow-function چی هستن؟	36
11	یه تابع first-class چجور تابعی‌ـه؟	36
12	یه تابع first-order چجور تابعی‌ـه؟	37
13	یه تابع higher-order چجور تابعی‌ـه؟	37
14	یه تابع unary چجور تابعی‌ـه؟	38
15	currying توابع یعنی چی؟	38
16	چه توابعی pure هستن؟	38
17	هدف از کلمه کلیدی let چیه؟	39
18	تفاوت‌های کلمات کلیدی let و var چیا هستن؟	40
19	دلیل انتخاب کلمه کلیدی let چیه؟	41
20	چطوری می‌تونیم توی بلوک مربوط به switch بدون دریافت خطا متغیر تعریف کنیم؟	41
21	Temporal-Dead-Zone چیه؟	42
22	IIFE(توابع بلافاصله صدا زده شده) چی هستن؟	42
23	مزایای استفاده از moduleها چیه؟	43
24	Memoization چیه؟	43
25	Hoisting چیه؟	44
26	Classها توی ES6 چیکار می‌کنن؟	45
27	Closureها چیا هستن؟	45
28	Moduleها چیا هستن؟	46
29	چرا به moduleها نیاز داریم؟	46
30	توی جاواسکریپت scope چیه و چیکار میکنه؟	47
31	service-worker چیه؟	47
32	توی service-worker چطوری می‌شه DOM رو دستکاری کرد؟	47
33	چطوری می‌تونیم بین ریست شدن‌های service-worker داده‌های مورد نظرمون رو مجدد استفاده کنیم؟	47
34	IndexedDB چیه؟	48
35	Web-storage چیه؟	48
36	Post-message چیه؟	48
37	Cookie چیه؟	48
38	چرا به cookie نیاز داریم؟	49
39	گزینه‌های قابل تنظیم توی cookie چیا هستن؟	49
40	چطوری می‌شه یه cookie رو حذف کرد؟	50
41	تفاوت‌های بین cookie و local-storage و session-storage چیا هستن؟	50
42	تفاوت‌های بین localStorage و sessionStorage چیا هستن؟	50
43	چطوری به web-storage دسترسی پیدا می‌کنی؟	51
44	چه متد‌هایی روی session-storage قابل استفاده هستن؟	51
45	رخداد storage چیه و چطوری ازش استفاده می‌کنیم؟	52
46	چرا به web-storage نیاز داریم؟	52
47	چطوری می‌تونیم پشتیبانی از web-storage توسط مرورگر رو بررسی کنیم؟	52
48	چطوری می‌تونیم پشتیبانی از web-worker توسط مرورگر رو بررسی کنیم؟	53
49	یه مثال از web-workerها می‌تونی بزنی؟	53
50	محدودیت‌های web-workerها روی DOM چیا هستن؟	54
51	Promise چیه؟	55
52	چرا به Promise نیاز داریم؟	56
53	سه تا وضعیت ممکن برای یه Promise چیا هستن؟	56
54	توابع callback چی هستن؟	57
55	چرا به توابع callback نیاز داریم؟	57
56	Callback-hell یا جهنم توابع callback چیه؟	58
57	Server-sent-events یا همون SSE چیه؟	59
58	چطوری می‌تونیم پیام‌های server-sent-event رو دریافت کنیم؟	59
59	چطوری می‌تونیم پشتیبانی مرورگر برای SSE رو بررسی کنیم؟	59
60	کدوم توابع روی SSE وجود دارن؟	60
61	اصلی‌ترین قوانین Promiseها چیا هستن؟	61
62	Callback توی callback چطوری رخ میده؟	60
63	زنجیره Promiseها چیه؟	61
64	کاربرد متد promise.all چیه؟	62
65	هدف از متد race روی Promise چیه؟	63
66	حالت strict توی جاواسکریپت چی کار میکنه؟	63
67	چرا به حالت strict نیاز داریم؟	63
68	چطوری می‌تونیم حالت strict رو فعال کنیم؟	64
69	هدف از عملگر نقیض دوتایی(!!) چیه؟	64
70	هدف از عملگر delete چیه؟	65
71	عملگر typeof چیکار میکنه؟	65
72	undefined چیه و چه زمانی undefined می‌گیریم؟	65
73	null چیه؟	65
74	تفاوت‌های بین null و undefined چیا هستن؟	66
75	متد eval چیه؟	66
76	تفاوت‌های بین window و document چیا هستن؟	67
77	توی جاواسکریپت چطوری می‌تونیم به history دسترسی داشته باشیم؟	67
78	انواع داده‌های جاواسکریپت کدوما هستن؟	68
79	isNaN چیه و چیکار میکنه؟	68
80	تفاوت‌های بین undeclared و undefined چیا هستن؟	68
81	کدوم متغیرها عمومی هستن؟	69
82	مشکلات متغیرهای عمومی چیا هستن؟	69
83	مقدار NaN چیه؟	69
84	هدف از تابع isFinite چیه؟	69
85	یه event-flow چیه؟	70
86	Event-bubbling چیه؟	70
87	Event-capturing چیه؟	70
88	چطوری می‌شه یه فرم رو با استفاده از جاواسکریپت ثبت کرد؟	70
89	چطوری می‌شه به اطلاعات مربوط به سیستم عامل کاربر دسترسی داشت؟	71
90	تفاوت‌های بین رخدادهای document-load و DOMContentLoaded چیا هستن؟	71
91	تفاوت‌های بین objectهای native ، host و user چیا هستن؟	71
92	کدوم ابزار و تکنیک‌ها برای دیباگ کردن برنامه جاواسکریپتی استفاده میشن؟	72
93	مزایا و معایب استفاده از Promiseها به جای callback چیا هستن؟	72
94	تفاوت‌های بین attribute و property روی DOM چیا هستن؟	72
95	سیاست same-origin چیه؟	73
96	هدف استفاده از void 0 چیه؟	73
97	جاواسکریپت یه زبان تفسیری هست یا کامپایلری؟	74
98	آیا جاواسکریپت یه زبان حساس به بزرگی و کوچکی(case-sensitive) حروف است؟	74
99	ارتباطی بین Java و JavaScript وجود داره؟	74
100	Eventها چی هستن؟	74
101	کی جاواسکریپت رو ساخته؟	75
102	هدف از متد preventDefault چیه؟	75
103	کاربرد متد stopPropagation چیه؟	76
104	مراحلی که موقع استفاده از return false توی یه event-handler رخ میده چیا هستن؟	76
105	BOM چیه؟	76
106	موارد استفاده از setTimeout کدوما هستن؟	77
107	موارد استفاده از setInterval کدوما هستن؟	77
108	چرا جاواسکریپت رو به عنوان یه زبان تک thread می‌شناسن؟	78
109	Event-delegation چیه؟	78
110	ECMAScript چیه؟	78
111	JSON چیه؟	79
112	قوانین فرمت JSON کدوما هستن؟	79
113	هدف از متد JSON.stringify چیه؟	79
114	چطوری می‌تونیم یه رشته JSON رو تجزیه کنیم؟	79
115	چرا به JSON نیاز داریم؟	80
116	PWAها چی هستن؟	80
117	هدف از متد clearTimeout چیه؟	80
118	هدف از متد clearInterval چیه؟	81
119	توی جاواسکریپت، چطوری می‌شه به یه صفحه جدید redirect انجام داد؟	81
120	چطوری بررسی می‌کنیم که یه string شامل یه substring هست یا نه؟	82
121	توی جاواسکریپت، چطوری مقدار یه آدرس email رو اعتبارسنجی می‌کنیم؟	82
122	چطوری می‌تونیم مقدار آدرس url جاری رو بخونیم؟	83
123	ویژگی‌های مختلف url روی object مربوط به history کدوما هستن؟	83
124	توی جاواسکریپت چطوری می‌تونیم مقدار یه query-string رو بخونیم؟	84
125	چطوری می‌تونیم بررسی کنیم که آیا یه پراپرتی روی آبجکت وجود داره یا نه؟	84
126	چطوری روی یه object حلقه میزنی؟	85
127	چطوری تست می‌کنی که یه object خالیه؟	85
128	arguments object چیه؟	86
129	چطوری حرف اول یه رشته رو به حرف بزرگ تبدیل می‌کنی؟	86
130	مزایا و معایب حلقه for چیا هستن؟	87
131	چطوری تاریخ جاری رو توی جاواسکریپت نشون میدی؟	87
132	چطوری دو تا date object رو با هم مقایسه می‌کنی؟	87
133	چطوری بررسی می‌کنی که یه رشته با یه رشته دیگه شروع می‌شه؟	88
134	چطوری یه رشته رو trim می‌کنی؟	88
135	توی جاواسکریپت چطوری می‌تونیم یه زوج مرتب از key یه valueها بسازیم؟	88
136	آیا عبارت '!--' عملگر خاصی هست؟	89
137	چطوری می‌تونیم به متغیرهامون مقادیر اولیه بدیم؟	89
138	چطوری می‌تونیم متن‌های چند خطی درست کنیم؟	89
139	مدل app-shell چیه؟	90
140	چطوری می‌تونیم روی یه تابع property اضافه کنیم؟	90
141	چطوری می‌تونیم تعداد پارامترهای ورودی یه تابع رو به دست بیاریم؟	91
142	Polyfill چیه؟	91
143	عبارات Break و continue چی هستن؟	92
144	توی جاواسکریپت labelها چیکار می‌کنن؟	92
145	مزایای declare کردن متغیرها در اوایل کد چیه؟	92
146	مزایای مقداردهی اولیه متغیرها چیه؟	93
147	روش توصیه شده برای ایجاد object چیه؟	93
148	چطوری می‌تونیم آرایه‌ JSON تعریف کنیم؟	93
149	چطوری می‌تونیم اعداد تصادفی تولید کنیم؟	94
150	می‌تونی یه تابع تولید اعداد تصادفی توی یه بازه مشخص بنویسی؟	94
151	Tree-shaking چیه؟	95
152	دلایل نیاز به tree-shaking کدوما هستن؟	95
153	آیا استفاده از eval توصیه می‌شه؟	95
154	Regular-Expression چیه؟	95
155	متدهای رشته که روی Regular-expression مجاز هستن کدوماست؟	96
156	توی Regex بخش modifiersها چیکار میکنه؟	96
157	پترن‌های regular-expression چیه؟	97
158	آبجکت RegExp چیه؟	97
159	چطوری روی یه رشته دنبال یه پترن RegExp می‌گردی؟	98
160	هدف از متد exec چیه؟	98
161	چطوری استایل‌های یه المنت HTML رو تغییر میدی؟	98
162	نتیجه عبارت 1+2+'3' چی می‌شه؟	99
163	عبارت debugger چیکار میکنه؟	99
164	هدف از breakpointها توی debugging چیه؟	99
165	آیا می‌تونیم از عبارت‌های رزرو شده در تعریف identifierها(اسم متغیر، کلاس و ...) استفاده کنیم؟	99
166	چطوری تشخیص بدیم که یه مرورگر mobile هست یا نه؟	100
167	چطوری بدون Regex تشخیص بدیم که یه مرورگر mobile هست یا نه؟	102
168	چطوری طول و عرض یه تصویر رو با جاواسکریپت به دست میاری؟	102
169	چطوری درخواست‌های synchronous HTTP بزنیم؟	103
170	چطوری درخواست‌های asynchronous HTTP بزنیم؟	103
171	چطوری یه تاریخ رو به یه تاریخ در timezone دیگه تبدیل کنیم؟	103
172	چه propertyهایی برای اندازه‌گیزی سایز window به کار میره؟	104
173	عملگر شرطی سه گانه توی جاواسکریپت چیه؟	104
174	آیا می‌شه روی عملگر شرطی زنجیره شرط‌ها رو اعمال کرد؟	104
175	روش‌های اجرای جاواسکریپت بعد از لود شدن صفحه کدوما هستن؟	105
176	تفاوت‌های بین proto و prototype کدوما هستن؟	105
177	میتونی یه مثال از زمانی که واقعا به سمیکولون( ; ) نیاز هست بزنی؟	106
178	متد freeze چیکار میکنه؟	106
179	هدف از متد freeze چیه؟	107
180	چرا به متد freeze نیاز داریم؟	107
181	چطوری می‌تونیم زبان ترجیحی یه مرورگر رو تشخیص بدیم؟	107
182	چطوری می‌تونیم حرف اول همه کلمات یه رشته رو به حرف بزرگ تبدیل کنیم؟	108
183	چطوری می‌شه تشخیص داد که جاواسکریپت یه صفحه وب غیرفعال شده؟	108
184	عملگرهای پشتیبانی شده توسط جاواسکریپت کدوما هستن؟	109
185	پارامتر rest چیکار میکنه؟	109
186	اگه پارامتر rest رو به عنوان آخرین پارامتر استفاده نکنیم چی می‌شه؟	110
187	عملگرهای منطقی باینری توی جاواسکریپت کدوما هستن؟	110
188	عملگر spread چیکار میکنه؟	111
189	چطوری تشخیص میدی که یه آبجکت freeze شده یا نه؟	111
190	چطوری بررسی کنیم که دو تا مقدار(شامل آبجکت) با هم برابرن یا نه؟	111
191	هدف از متد is روی object چیه؟	112
192	چطوری propertyهای یه object رو به یه object دیگه کپی می‌کنی؟	112
193	کاربردهای متد assign چیه؟	113
194	آبجکت proxy چیه؟	113
195	هدف از متد seal چیه؟	114
196	کاربردهای متد seal چیه؟	114
197	تفاوت‌های بین متدهای freeze و seal چیا هست؟	115
198	چطوری تشخیص میدی که یه آبجکت seal شده یا نه؟	115
199	چطوری کلید و مقدارهای enumerable رو به دست میاری؟	115
200	تفاوت‌های بین متدهای Object.values و Object.entries چیا هست؟	116
201	چطوری لیست کلیدهای یه object رو بدست میاری؟	116
202	چطوری یه object با prototype درست می‌کنی؟	117
203	WeakSet چیه؟	117
204	تفاوت‌های بین WeakSet و Set کدوما هستن؟	118
205	لیست متدهایی که رو WeakSet قابل استفاده هستن رو می‌تونی بگی؟	118
206	WeakMap چیه؟	119
207	تفاوت‌های بین WeakMap و Map کدوما هستن؟	119
208	لیست متدهایی که رو WeakMap قابل استفاده هستن رو می‌تونی بگی؟	120
209	هدف از متد uneval چیه؟	120
210	چطوری یه URL رو encode می‌کنی؟	121
211	چطوری یه URL رو decode می‌کنی؟	121
212	چطوری محتوای یه صفحه رو پرینت می‌گیری؟	121
213	تفاوت‌های بین uneval و eval چیا هستن؟	122
214	تابع anonymous چیه؟	122
215	تفاوت تقدم بین متغیرهای local و global چطوریه؟	123
216	accessorهای جاواسکریپت چیکار می‌کنن؟	123
217	چطوری روی constructor یه Object یه مقدار تعریف می‌کنی؟	124
218	تفاوت‌های بین get و defineProperty چیا هست؟	124
219	مزایای استفاده از Getter و Setter چیه؟	124
220	می‌تونیم getter و setter رو با استفاده از متد defineProperty تعریف کنیم؟	125
221	هدف استفاده از switch-case چیه؟	125
222	چه قواعدی برای استفاده از swtich-case باید رعایت بشه؟	126
223	نوع داده‌های primitive کدوما هستن؟	126
224	روش‌های مختلف دسترسی به propertyهای object کدوما هستن؟	127
225	قوانین پارامترهای توابع کدوما هستن؟	127
226	آبجکت error چیه؟	127
227	چه موقعی خطای syntax دریافت می‌کنیم؟	128
228	عنوان خطاهای مختلف که روی error-object برمیگردن کدوما هستن؟	128
229	عبارات مختلف که در هنگام مدیریت error استفاده میشن کدوما هستن؟	129
230	دو نوع مختلف حلقه‌ها تو جاواسکریپت کدوما هستن؟	129
231	nodejs چیه؟	129
232	آبجکت Intl چیه؟	130
233	چطوری تاریخ و زمان رو بر اساس زبان جاری سیستم کاربر نمایش بدیم؟	130
234	Iterator چیه؟	130
131
236	Event-loop چیه؟	131
237	Call-stack چیه؟	131
238	Event-queue چیه؟	132
239	Decorator چیه؟	132
240	مقادیر موجود روی آبجکت Intl کدوما هستن؟	133
241	عملگر Unary چیه؟	134
242	چطوری المنت‌های موجود تو یه آرایه رو مرتب می‌کنی؟	134
243	هدف از تابع مرتب‌سازی موقع استفاده از متد sort چیه؟	134
244	چطوری آیتم‌های یه آرایه رو معکوس مرتب کنیم؟	134
245	چطوری حداقل و حداکثر مقدار یه آرایه رو بدست بیاریم؟	135
246	چطوری حداقل و حداکثر مقدار یه آرایه رو بدون استفاده از متدهای Math بدست بیاریم؟	135
247	عبارت خالی چیه و هدف از استفاده ازش چیه؟	136
248	چطوری metadata یه ماژول رو بدست میاری؟	136
249	عملگر comma چیه و چیکار میکنه؟	137
250	مزایای استفاده از عملگر comma چیه؟	137
251	Typescript چیه؟	138
252	تفاوت‌های بین javascript و typescript کدوما هستن؟	138
253	مزایای typescript نسبت به javascript چیاست؟	139
254	object-initializer چیه؟	139
255	متد constructor چیه؟	140
256	اگه متد constructor رو بیش از یه بار توی کلاس بنویسیم چی می‌شه؟	140
257	چطوری متد constructor کلاس والد رو صدا بزنیم؟	141
258	چطوری prototype یه object رو به دست میاری؟	141
259	اگه به متد getPrototype رشته پاس بدیم چی می‌شه؟	141
260	چطوری prototype یه object روی یه object دیگه ست کنیم؟	142
261	چطوری بررسی می‌کنی که یه object قابل extend هست یا نه؟	142
262	چطوری جلوی extend یه object رو بگیریم؟	142
263	روش‌های مختلف برای تبدیل یه object به object غیرقابل extend چیه؟	143
264	چطوری propertyهای متعددی رو روی یه object تعریف می‌کنی؟	143
265	منظور از MEAN توی جاواسکریپت چیه؟	144
266	Obfuscation توی جاواسکریپت چیه و چیکار میکنه؟	144
267	چه نیازی به Obfuscate کردن داریم؟	145
268	Minification چیه؟	145
269	مزایای minification یا کم حجم‌سازی چیه؟	145
270	تفاوت‌های بین Obfuscation و Encryption چیه؟	146
271	ابزارهای مختلف برای minification کدوما هستن؟	146
272	چطوری اعتبارسنجی فرم رو با javascript انجام میدی؟	146
273	چطوری اعتبارسنجی فرم رو بدون javascript انجام میدی؟	147
274	متدهای موجود روی DOM برای اعتبارسنجی کدوما هستن؟	147
275	مقادیر موجود روی DOM برای اعتبارسنجی کدوما هستن؟	148
276	مقادیر موجود روی input برای اعتبارسنجی کدوما هستن؟	148
277	یه مثال از استفاده ویژگی rangeOverflow می‌تونی بزنی؟	149
278	جاواسکریپت قابلیت استفاده از enum رو پیش‌فرض توی خودش داره؟	149
279	enum چیه؟	150
280	چطوری همه propertyهای یه object رو به دست بیاریم؟	150
281	چطوری property-descriptorهای یه آبجکت رو بدست بیاریم؟	150
282	گزینه‌هایی که موقع تعریف ویژگی object با descriptor داریم کدوما هستن؟	151
283	چطوری کلاس‌ها رو extend می‌کنی؟	151
284	چطوری آدرس صفحه رو بدون رفرش صفحه عوض کنیم؟	152
285	چطوری بررسی می‌کنی که یه آرایه یه مقدار مشخص رو داره یا نه؟	152
286	چطوری آرایه‌های scalar رو با هم مقایسه می‌کنی؟	153
287	چطوری می‌شه پارامترهای صفحه رو از متد GET گرفت؟	153
288	چطوری اعداد رو می‌شه سه رقم سه رقم جدا کرد؟	153
289	تفاوت‌ بین java و javascript چیه؟	154
290	آیا جاواسکریپت namespace رو پشتیبانی میکنه؟	154
291	چطوری namespace تعریف می‌کنی؟	155
292	چطوری می‌تونیم تکه کد جاواسکریپت داخل یه iframe رو از صفحه والد صدا بزنیم؟	156
293	چطوری می‌شه اختلاف timezone رو از آبجکت date بگیریم؟	157
294	چطوری فایل‌های CSS و JS رو به شکل داینامیک بارگذاری کنیم؟	157
295	روش‌های مختلف برای پیدا کردن elementها توی DOM کدوما هستن؟	158
296	jQuery چیه؟	158
297	موتور V8 جاواسکریپت چیه؟	158
298	چرا ما جاواسکریپت رو به عنوان یه زبان داینامیک می‌شناسیم؟	159
299	عملگر void چیکار میکنه؟	159
300	چطوری می‌شه نمایشگر موس صفحه رو به درحال لود تغییر داد؟	159
301	چطوری می‌شه یه حلقه بی‌نهایت درست کرد؟	160
302	چرا باید در استفاده از عبارت with تجدیدنظر کرد؟	160
303	خروجی این حلقه‌ها چی می‌شه؟	161
304	می‌تونی یه سری از ویژگی‌های ES6 رو اسم ببری؟	161
305	ES6 چیه؟	162
306	آیا می‌تونیم متغیرهای تعریف شده با let و const رو مجددا declare کنیم؟	162
307	آیا استفاده از const برای تعریف متغیر اونا رو immutable میکنه؟	163
308	parameterهای پیش‌فرض چی هستن؟	163
309	template-literalها چی هستن؟	164
310	چطوری رشته‌های چند خطی رو توی template-literalها می‌نویسیم؟	165
311	template-literal‌های تودرتو چی هستن؟	165
312	tagged-templateها چی هستن؟	165
313	رشته‌های خام چی هستن؟	166
314	assign کردن با destructuring چیه و چطوری انجام می‌شه؟	167
315	موقع assign کردن با destructuring چطوری می‌شه مقدار اولیه تعریف کرد؟	168
316	چطوری می‌تونیم مقدار یه آرایه رو با استفاده از destructuring-assignment تعویض کنیم؟	168
317	Enhanced-object-literalها چی هستن؟	169
318	importهای داینامیک چی هستن؟	169
319	کاربرد importهای داینامیک چیه؟	169
320	آرایه‌های نوع‌دار(typed-arrays) چیه؟	170
321	مزایای لودر ماژول‌ها چیه؟	171
322	collation چیه؟	171
323	عبارت for...of چیه؟	171
324	خروجی عملگر spread روی آرایه زیر چیه؟	172
325	آیا PostMessage امنه؟	172
326	مشکلات استفاده از postmessage با origin روی wildcard چیه؟	172
327	چطوری از دریافت postMessageهای ناخواسته و ناامن از طرف هکرها جلوگیری کنیم؟	173
328	می‌تونیم کلا postMessageها رو غیرفعال کنیم؟	173
329	آیا postMessageها به صورت synchronous و همزمان کار می‌کنن؟	173
330	پارادیم زبان جاواسکریپت چیه؟	174
331	تفاوت‌های بین جاواسکریپت داخلی و خارجی چیه؟	174
332	آیا جاواسکریپت سریعتر از اسکریپت‌های سمت سرور است؟	174
333	چطوری وضعیت چک بودن یه checkbox رو بدست بیاریم؟	174
334	هدف از عملگر double-tilde چیه؟	175
335	چطوری یه کاراکتر رو به کد ASCII تبدیل کنیم؟	175
336	ArrayBuffer چیه؟	175
337	خروجی کد زیر چی خواهد بود؟	176
338	هدف از Error-object چیه؟	176
339	هدف از EvalError-object چیه؟	177
340	خطاهایی که در حالت strict-mode رخ میدن ولی در غیر اون وجود ندارن کدوما هستن؟	177
341	آیا همه objectها دارای prototype هستن؟	178
342	تفاوت‌های بین parameter و argument چیه؟	178
343	هدف از متد some روی آرایه‌ها چیه؟	178
344	چطوری دو یا تعداد بیشتری از آرایه‌ها رو با هم ترکیب کنیم؟	179
345	تفاوت‌های بین Shallow و Deep کپی چیه؟	179
346	چطوری می‌تونیم به یه تعداد مشخص از یه رشته کپی کنیم؟	180
347	چطوری همه stringهای match شده با یه regular-expression رو برگردونیم؟	181
348	چطوری یه رشته رو از اول یا از آخر trim کنیم؟	181
349	خروجی کنسول زیر با عملگر unary چی می‌شه؟	181
350	آیا جاواسکریپت از mixinها استفاده میکنه؟	182
351	تابع thunk چیه و چیکار میکنه؟	182
352	thunkهای asynchronous چیکار می‌کنن؟	182
353	خروجی فراخوانی‌های توابع زیر چی می‌شه؟	183
354	چطوری همه خطوط جدید رو از یه رشته حذف کرد؟	184
355	تفاوت‌ بین reflow و repaint چیه؟	184
356	اگه قبل از یه آرایه عملگر نفی «!» بزاریم چی می‌شه؟	184
357	اگه دو تا آرایه رو با هم جمع ببندیم چی می‌شه؟	185
358	اگه عملگر جمع «+» روی قبل از مقادیر falsy قرار بدیم چی می‌شه؟	185
359	چطوری با استفاده از آرایه‌ها و عملگرهای منطقی می‌تونیم رشته self رو تولید کنیم؟	185
360	چطوری می‌تونیم مقادیر falsy رو از آرایه حذف کنیم؟	186
361	چطوری مقادیر تکراری رو از یه آرایه حذف کنیم؟	186
362	aliaseهای همزمان با destructuring چطوری کار می‌کنن؟	187
363	چطوری آیتم‌های یه آرایه رو بدون استفاده از متد map پیمایش کنیم؟	187
364	چطوری یه آرایه رو خالی کنیم؟	187
365	چطوری اعداد رو با تعداد رقم اعشار مشخص رند می‌کنی؟	188
366	ساده‌ترین روش برای تبدیل آرایه به object چیه؟	188
367	چطوری یه آرایه با یه سری داده درست کنیم؟	188
368	متغیرهای موجود روی آبجکت console کدوما هستن؟	188
369	می‌شه پیام‌های کنسول رو استایل‌دهی کرد؟	189
370	هدف از متد dir روی آبجکت console چیه؟	189
371	آیا می‌شه المنت‌های HTML رو توی console دیباگ کرد؟	190
372	چطوری می‌شه داده‌ها رو به شکل جدولی توی console نمایش بدیم؟	190
373	چطوری می‌شه بررسی کرد که یه پارامتر Number هست یا نه؟	191
374	چطوری یه متن رو می‌تونیم به clipboard کپی کنیم؟	191
375	چطوری می‌شه timestamp رو بدست آورد؟	191
376	چطوری یه آرایه چندسطحی رو تک سطحی کنیم؟	192
377	ساده‌ترین روش برای بررسی چندشرطی چیه؟	192
378	چطوری کلیک روی دکمه برگشت مرورگر رو متوجه بشیم؟	193
379	چطوری می‌تونیم کلیک راست رو غیرفعال کنیم؟	193
380	object-wrapperها چی هستن؟	193
381	AJAX چیه؟	194
382	روش‌های مختلف مدیریت یه کد Asynchronous چیه؟	194
383	چطوری یه درخواست fetch رو کنسل کنیم؟	194
384	Speech-API چیه؟	195
385	حداقل timeout توی throttling چقدره؟	196
386	چطوری می‌شه یه timeout صفر توی مرورگر اجرا کرد؟	197
387	taskها توی event-loop چی هستن؟	197
388	microtaskها چی هستن؟	198
389	event-loopهای مختلف کدوما هستن؟	198
390	هدف از queueMicrotask چیه؟	198
391	چطوری می‌شه از کتابخونه‌های جاواسکریپت توی فایل typescript استفاده کرد؟	199
392	تفاوت‌های بین Promiseها و observableها کدوما هستن؟	199
393	heap چیه؟	200
394	event-table چیه؟	200
395	صف microTask چیه؟	201
396	تفاوت بین shim و polyfill چیه؟	201
397	چطوری متوجه primitive یا غیر primitive بودن یه نوع داده میشیم؟	202
398	babel چیه؟	202
399	آیا Node.js به شکل کامل تک thread کار میکنه؟	202
400	کاربردهای مرسوم observableها کدوما هستن؟	203
401	RxJS چیه؟	203
402	تفاوت بین Function-constructor و function-declaration چیه؟	203
403	شرط Short-circuit یا اتصال کوتاه چیه؟	204
404	ساده‌ترین روش برای تغییر سایز یه آرایه چیه؟	204
405	observable چیه؟	205
406	تفاوت‌های بین توابع و کلاس‌ها چیه؟	206
407	تابع async چیه؟	207
408	چطوری خطاهای ایجاد شده هنگام استفاده از Promiseها رو کنترل کنیم؟	207
409	Deno چیه؟	209
410	توی جاواسکریپت چطوری یه object قابل پیمایش درست کنیم؟	209
411	روش مناسب برای فراخوانی توابع بازگشتی چیه؟	211
412	چطوری بررسی کنیم که یه آبجکت Promise هست یا نه؟	211
413	چطوری متوجه بشیم که یا تابع با تابع constructor صدا زده شده یا نه؟	212
414	تفاوت‌های بین آبجکت argument و پارامتر rest چیه؟	213
415	تفاوت‌های بین عملگر spread و پارامتر rest چیه؟	213
416	نوع‌های مختلف generatorها کدوما هستن؟	213
417	iterableهای built-in کدوما هستن؟	215
418	تفاوت‌های بین حلقه for...of و for...in چیه؟	215
419	چطوری propertyهای instance و غیر instanceای تعریف می‌کنی؟	216
420	تفاوت‌های بین isNaN و Number.isNaN کدوما هستن؟	216

پیشگفتار

در ابتدا، ممنونم از شما که با خرید این کتاب بهمون کمک کردین که بتونیم قدمی در راه کمک به افراد نیازمند برداریم و با درآمد حاصل از فروش این کتاب کمکی هر چند کوچیک در راه مسئولیت اجتماعی‌مون برداریم، به هم‌دیگه کمک کنیم، با هم مهربون‌تر باشیم و در کنار هم پیشرفت کنیم. تشکر گرم من رو، دورادور پذیرا باشین و امیدوارم این کتاب به جهت افزایش دانش‌تون و کمک به پیشرفت شغلی‌تون کمکی کرده باشه.
کتابی که پیش‌روی شماست، حاصل تلاش نه فقط من، بلکه چندین نفر از بهترین و حرفه‌ای‌ترین دوستان بنده هم هست که در اینجا به ترتیب میزان زحمتی که متقبل شدن اسمشونو قید می‌کنم و کمال تشکر رو ازشون دارم:

جعفررضائی
مهسا مصباح

این عزیزان هر کدام با کمک‌هاشون برای ترجمه، ویراستاری‌هاشون و حتی دل‌گرمی‌هاشون باعث شدن این مجموعه به زبان فارسی آماده بشه و به شکل چاپی بتونه به دستان شما برسه.

ماریوتک

من جعفررضائی، پلتفرم ماریوتک رو با هدف آموزش اصولی و رایگان، تاسیس کردم و این کتاب هم از مجموعه ماریوتک منتشر میشه. ما ماریوتک رو متعلق به همه می‌دونیم، پس اگه بعضی تایم‌های بیکاری داری که فکر می‌کنی می‌تونی باهامون توی این مسیر همراه باشی حتما بهم ایمیل بزن. ایده‌های ماریوتک برای افزایش آگاهی و دانش تا حد امکان رایگان خواهد بود و تا به اینجا هم، تنها هزینه‌های چاپ برداشته شده و مابقی به موسسات خیریه داده شدن.

مطالب کتاب

مطالب این کتاب می‌تونن تا حد بسیار خوبی دانش شما رو توی مسائل کلیدی مربوط به React.js و کتابخونه‌های پیرامون اون افزایش بدن. سوالات چالشی و کلیدی مطرح شده توی کتاب اکثرا سوالاتی هستند که توی مصاحبه‌های استخدامی پرسیده میشن و مسلط بودن به اونا می‌تونه شانس موفقیت شما برای موقعیت‌های شغلی که مدنظر دارین افزایش بده. مطالب این کتاب به دلیل ترجمه بودن تا حد زیادی قابل دستکاری نبودن و سعی شده تا حد امکان حق گردآورنده محفوظ باشه و با نسخه اصلی سورس که توسط Sudheer Jonna جمع‌آوری شده تفاوت معنایی نداشته باشه. بخشی از مطالب کتاب اصلی به خاطر قدیمی بودن منقضی شده بودن و به عنوان مترجم بخش‌های زیادی از نمونه کدها و مطالب قدیمی تصحیح شدند. در آخر، امیدوارم همیشه شاد و خندان و خوشحال باشین. مخلصیم

روش‌های ایجاد objectها توی جاواسکریپت کدوما هستن؟
1. سازنده آبجکت: ساده‌ترین راه برای ایجاد یه آبجکت خالی استفاده از کلاس Objectـه. در حال حاضر این روش توصیه نمی‌شه.
```
const object = new Object();
```
1. متد استاتیک create روی Object: متد استاتیک create روی Object با انتقال prototype آبجکت به عنوان پارامتر، یه آبجکت جدید ایجاد میکنه.
```
const object = Object.create(null);
```
1. استفاده از syntax آبجکت: با مقداردهی یه متغیر توسط یه آبجکت ساده داخل syntax آبجکت.
```
const object = {
     name: "Ali Karimi",
     age: 30,
};
```
1. constructor تابع: هر تابعی که بخوایم رو ایجاد می‌کنیم و از طریق عملگر new یه نمونه آبجکت جدید می‌سازیم.
```
function Person(name) {
     const object = {};
     object.name = name;
     object.age = 30;

     return object;
}

const object = new Person("Ali Karimi");
```
1. constructor تابع به همراه prototype شبیه سازنده تابع هستش اما از prototype برای متد‌ها و خصوصیاتشون استفاده میکنه.
```
function Person() {}
Person.prototype.name = "Ali Karimi";

const object = new Person();
```
این معادل نمونه‌ای هستش که با متد ایجاد آبجکت با prototype تابع ایجاد شده و تابع رو با یه نمونه و پارامتر‌هاش به عنوان آرگومان فراخوانی میکنه.
```
function func {};

new func(x, y, z);
```
(یا)
```
// Create a new instance using function prototype.
const newInstance = Object.create(func.prototype)

// Call the function
const result = func.call(newInstance, x, y, z),

// If the result is a non-null object then use it otherwise just use the new instance.
console.log(result && typeof result === 'object' ? result : newInstance);
```
1. استفاده از کلاس‌های ES6: توی ES6 کلمه کلیدی class رو برای ایجاد آبجکت‌ها معرفی کردن.
```
class Person {
     constructor(name) {
          this.name = name;
     }
}

const object = new Person("Ali Karimi");
```
1. الگو یا پترن Singleton: آبجکت‌ای‌ـه که فقط یه بار قابل نمونه‌گیری هستش و فراخوانی‌های بعدی روی سازنده‌ش همون نمونه اولی رو برمی‌گردونه و اینطوری می‌شه مطمئن شد که به طور تصادفی نمونه‌های مختلف ایجاد نمی‌شه.
```
const object = new (function () {
     this.name = "Ali Karimi";
})();
```
فهرست
زنجیره prototype چیه؟

زنجیره prototype برای ساخت انواع جدیدی از آبجکت‌ها بر‌اساس موارد موجود استفاده می‌شه. این کار شبیه ارث بری توی یه زبان مبتنی بر کلاس هستش. prototype روی نمونه آبجکت از طریق ویژگی Object.getPrototypeOf(object) یا **proto** در دسترسه در حالی که prototype توی عملکرد سازنده‌ها از طریق object.prototype در دسترسه.

فهرست

تفاوت‌های بین call، apply و bind چیا هستن؟

متد call: متد call یه تابع با یه مقدار this و آرگومان‌های ارائه شده رو دونه دونه فراخوانی میکنه.

const employee1 = {
     firstName: "John",
     lastName: "Rodson",
};
const employee2 = {
     firstName: "Jimmy",
     lastName: "Baily",
};

function invite(greeting1, greeting2) {
     console.log(
          greeting1 + " " + this.firstName + " " + this.lastName + ", " + greeting2
     );
}

invite.call(employee1, "Hello", "How are you?"); // Hello John Rodson, How are you?
invite.call(employee2, "Hello", "How are you?"); // Hello Jimmy Baily, How are you?

متد apply: تابع رو فراخوانی میکنه و بهمون اجازه میده تا آرگومان‌ها رو به عنوان یه آرایه منتقل کنیم.

const employee1 = { firstName: "John", lastName: "Rodson" };
const employee2 = { firstName: "Jimmy", lastName: "Baily" };

function invite(greeting1, greeting2) {
     console.log(
          greeting1 + " " + this.firstName + " " + this.lastName + ", " + greeting2
     );
}

invite.apply(employee1, ["Hello", "How are you?"]); // Hello John Rodson, How are you?
invite.apply(employee2, ["Hello", "How are you?"]); // Hello Jimmy Baily, How are you?

متد bind: یه تابع جدید برمی‌گردونه، در حالی که بهمون اجازه میده هر تعداد آرگومانی که می خوایم رو توی یه آرایه منتقل کنیم.

const employee1 = { firstName: "John", lastName: "Rodson" };
const employee2 = { firstName: "Jimmy", lastName: "Baily" };

function invite(greeting1, greeting2) {
     console.log(
          greeting1 + " " + this.firstName + " " + this.lastName + ", " + greeting2
     );
}

const inviteEmployee1 = invite.bind(employee1);
const inviteEmployee2 = invite.bind(employee2);
inviteEmployee1("Hello", "How are you?"); // Hello John Rodson, How are you?
inviteEmployee2("Hello", "How are you?"); // Hello Jimmy Baily, How are you?

متدهای call و apply تقریباً قابل تعویض هستن. هر دو بلافاصله تابع فعلی رو اجرا می‌کنن. شما باید تصمیم بگیرین که ارسال آرایه در آرایه آسون‌تره یا فهرستی از آرگومان‌های جدا شده با کاما. باید یادمون باشه که متد call برای کاما (فهرست جدا شده) و apply برای حالت آرایه‌ای‌ـه. در حالی که bind یه تابع جدید ایجاد میکنه و می‌تونه با دریافت «this» روی اولین پارامتر ارسال شده کانتکست آبجکت جدید ساخته رو تنظیم کنه.

slice	splice
آرایه اصلی رو تغییر نمیده (immutable یا تغییرناپذیر)	آرایه اصلی رو تغییر میده (mutable یا تغییرپذیر)
زیر مجموعه آرایه اصلی رو برمی‌گردونه	عناصر حذف شده رو به عنوان آرایه برمی‌گردونه
برای انتخاب عناصر از آرایه استفاده می‌شه	برای درج عناصر به آرایه یا حذف از اون استفاده می‌شه

ویژگی	Cookie	Local storage	Session storage
قابل دسترسی از طرف client یا server	هردو server و client	فقط client	فقط client
طول عمر	پیکربندی‌شده با استفاده از گزینه اکسپایر	تا وقتی که حذف بشه	تا وقتی که تب بسته‌نشده
پشتیبانی از SSL	پشتیبانی می‌شه	پشتیبانی نمی‌شه	پشتیبانی نمی‌شه
حداکثر اندازه داده	4KB	5MB	5MB

ایونت	توضیحات
onopen	موقعی که اتصال به سرور باز می‌شه استفاده می‌شه
onmessage	این event زمانی استفاده می‌شه که پیامی دریافت شه
onerror	زمانی اتفاق میوفته که خطایی رخ بده

Null	Undefined
یه مقدار انتسابه که نشون میده متغیر به هیچ شیئی اشاره نمیکنه.	یه مقدار انتساب نیست که تو اون متغیری اعلام شده باشه اما هنوز مقداری به اون اختصاص داده نشده.
تایپ null آبجکته	تایپ undefined همون تعریف نشده و undefined هستش
مقدار null یه مقدار اولیه اس که نشون دهنده مرجع تهی، خالی یا غیر موجوده.	مقدار undefined یه مقدار اولیه اس و زمانی استفاده میشه که به یه متغیر مقداری اختصاص داده نشده باشه.
عدم وجود مقدار برای یه متغیر رو نشون میده	عدم وجود خود متغیر رو نشون میده
در حین انجام عملیات اولیه به صفر (0) تبدیل میشه	در حین انجام عملیات اولیه به NaN تبدیل می‌شه

Window	Document
عنصر ریشه در هر صفحه وبه	فرزند مستقیم شی window هستش و همچنین به عنوان مدل شیء document (DOM)
به طور پیش فرض شی window به طور ضمنی در هر صفحه قرار داره	می‌تونیم از طریق window.document یا document به اون دسترسی داشته باشیم.
دارای متدهایی مانند alert، confirm و ویژگی‌هایی مانند document، location	متدهایی مانند getElementById، getElementByTagName، createElement و غیره رو فراهم میکنه

undeclared	undefined
این متغیرها تو یه برنامه وجود ندارن و تعریف نشدن	این متغیرها در برنامه هست، اما هیچ مقداری نداره
اگه سعی کنیم مقدار یه متغیر undeclared رو بخونیم، با خطای زمان اجرا مواجه می‌شیم	اگه سعی کنیم مقدار یه متغیر تعریف نشده رو بخونیم، یه مقدار تعریف نشده برگردونده می‌شه.

اصلاح کننده	توضیح
i	تظبیق حساس به حروف
g	تطبیق کلی به جای توقف در اولین تشابه
m	تطبیق چندخطی

نام خطا	توضیحات
EvalError	خطایی تو تابع eval رخ داده
RangeError	خطایی با عدد "خارج از محدوده"
خطای مرجع	خطا به دلیل ارجاع غیرقانونی
SyntaxError	خطای ناشی از خطای syntax
TypeError	خطای ناشی از خطای type
خطای URIE	یه خطا به دلیل encodeURI

ویژگی	typescript	javascript
پارادایم زبان	زبان برنامه نویسی شی گرا	زبان اسکریپت
پشتیبانی از تایپ	پشتیبانی از تایپ استاتیک	دارای تایپ پویا
ماژول‌ها	پشتیبانی شده	پشتیبانی نمی‌شه
رابط	دارای مفهوم رابط	از رابط‌ها پشتیبانی نمیکنه
پارامترهای اختیاری	توابع از پارامترهای اختیاری پشتیبانی می‌کنن	عدم پشتیبانی از پارامترهای اختیاری برای توابع

ویژگی	Obfuscation	Encryption
تعریف	تغییر فرم هر داده به هر شکل دیگر	تغییر فرم اطلاعات به فرمت ناخوانا با استفاده از کلید
کلیدی برای رمزگشایی	می‌شه اونو بدون هیچ کلید رمزگشایی کرد	برای رمز گشایی کلید لازمه
فرمت داده‌های هدف	به فرم پیچیده تبدیل می‌شه	تبدیل به فرمت ناخوانا

ویژگی	جاوا	جاواسکریپت
تایپ شده	این یه زبان قوی تایپ شده اس	این یه زبان تایپ شده پویاس
پارادایم	برنامه نویسی شی گرا	برنامه نویسی مبتنی بر prototype
محدوده	محدوده بلوک	محدوده عملکردی
همزمانی	بر اساس موضوع	مبتنی بر رویداد
حافظه	از حافظه بیشتر استفاده میکنه	از حافظه کمتری استفاده میکنه. از این رو برای صفحات وب استفاده خواهد شد

Promise‌ها	observableها
فقط یه مقدار رو تو یه زمان منتشر میکنه	چندین مقدار رو تو یه دوره زمانی منتشر میکنه (جریان مقادیری از 0 تا چندگانه)
قراره فوراً فراخوانی شن	اونا برای فراخوانی نیاز به اشتراک دارن
Promise همیشه ناهمزمانه حتی اگه بلافاصله حل شه	observableها میتونن همزمان یا ناهمزمان
هیچ اپراتور ارائه نمیده	اپراتورهایی مانند map، forEach، filter، reduce، retry و retryWhen و غیره رو ارائه میده.
قابل لغو نیست	با استفاده از روش unsubscribe لغو میشن