مشکل در درک کد جاوا اسکریپت

حل شده 

JavaScript

توسط shaya در 11 ماه پیش
1 29.5k 1 11 ماه پیش
shaya reza-irdev
0

سلام

من دارم یه پروژه رو نگا میکنم ببینم چطوری نوشته شده اما بعضی چیزا (بهتر بگم خیلی چیزا 😁) رو نمیفهمم چطور کار میکنه

مثلا:

const HelloWorldComponent = () => <h1>Hello World!</h1>;

هیچیشو نمیفهمم کسی میتونه یکم توضیح بده؟ مرسی ☃❄

پاسخ ها

3

سلام

فکر میکنم این کد رو از پروژه react برداشتید.

تو این کد از ویژگی های ES6 جاوا اسکریپت استفاده شده مثل ‍const و Arrow Functions که میتونید در موردش تحقیق کنید. همچنین از JSX استفاده شده که معمولا تو پروژههای React ازش استفاده میشه و برنامه نویسی رو خیلی سریعتر میکنه. اما برای اینکه این کد قابل فهم برای مرورگر باشه معمولا از babel استفاده میکنن تا هم JSX رو بخونه و هم کدها رو قابل فهم برای مرورگرهای قدیمی تر کنه(مثلا برای مرورگرهایی که ES6 رو ساپورت نمیکنن).

برای اینکه براتون ملموس تر باشه میتونید کد بالا رو تو سایت babel بزنید تا نسخه تبدیل شدش یعنی اونی که در نهایت توسط مرورگر خونده میشه رو براتون نشون بده. کد شما این میشه:

var HelloWorldComponent = function HelloWorldComponent() {
  return React.createElement(
    "h1",
    null,
    "Hello World!"
  );
};

const رو تبدیل به var کرده.

Arrow function رو تبدیل به تابع معمولی کرده(Function expression)

و تگ H1 که به روش JSX نوشته شده رو Parse کرده که توسط مرورگر قابل فهم باشه.

آخرین ویرایش: 20-12-2018 ساعت 15:01، توسط Reza
واقعا ممنونم – شایان 11 ماه پیش

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.

لطفا ابتدا لاگین کنید