illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

آشنایی با زبان Stylus ( قسمت هشتم ) : توابع ( Functions )

0 1549 ۱۹ آبان ۹۳

در این مطلب میخوام در مورد توابع در stylus براتون توضیح بدم.

با استفاده از توابع میتونین تعدادی کد رو یکبار بنویسید و در هرجایی که خواستین از اون استفاده کنید. با این کار هم حجم کدنویسیتون کمتر میشه و کدهاتون منظمتر میشه.

برای تعریف یک تابع ، ابتدا باید نام اون رو بنویسید و سپس درون پرانتز ، آرگومان های ورودی اون رو مشخص کنید. سپس کدهای مورد نظر خودتون رو قرار بدین. کد زیر رو در نظر بگیرین :

همونطور که میبینید ، تابعی بنام add ساختیم که دو آرگومان a و b رو بعنوان ورودی دریافت میکنه و جمع این دو عدد رو به ما برمیگردونه. برای استفاده از این تابع ، یا اصطلاحا صدا زدن اون میتونین از روش پایین استفاده کنید:

خروجی هر تابع رو میتونین در هر جایی استفاده کنین ، مثلا در بالا ، در مقابل padding عبارت add(10px, 5) رو قرار دادیم. خب خروجی این عبارت 10 + 5 پیکسل هست. اگر کد بالا رو کامپایل کنید ، خروجی بصورت زیر خواهد بود :

 قرار دادن مقدار پیش فرض برای آرگومان ها :

شما میتونین برای هر کدوم از آرگومانهای تابع ، مقدار پیش فرضی رو در نظر بگیرین. در هنگام صدا زدن تابع ، اگر آرگومان متفاوتی رو به تابع ارسال کنید ، از مقدار پیش فرض صرف نظر میشه و مقدار جدید ، جای مقدار پیش فرض ( Default ) رو میگیره. باید آرگومانهایی که میخواهید مقدار پیش فرض داشته باشند رو در سمت راست قرار بدین تا با مشکلی مواجه نشید. بعنوان مثال کد زیر رو ببینید :

میبینید که در بالا تابع دو آرگومان داره و مقدار پیش فرض آرگومان دوم رو برابر با a گذاشتیم. یعنی اگر مقداری رو به تابع پاس ندیم ، همون مقدار پیش فرض اعمال میشه. کد زیر رو ببینید :

همونطور که میبینید ، در بالا آرگومان دوم رو 5 قرار دادیم. در اینجا دیگه مقدار پیش فرض در نظر گرفته نمیشه و 10 + 5 برابر با 15 خواهد شد. حالا اگر به روش زیر عمل کنیم :

با این کار مقدار پیش فرض اعمال میشه و 10 + 10 برابر با 20 خواهد شد.

نامگذاری پارامترها :

در stylus میتونیم زمانی که تابعی رو فراخوانی میکنیم ، پارامترهاشو نامگذاری کنیم. این کار دو مزیت داره :

  • دیگه ترتیب پارامترها مهم نیس. یعنی میتونیم پارامتر اول رو در آخر مقداردهی کنیم
  • خوانایی کدهاتون بالاتر میره

مثلا کد زیر رو در نظر بگیرین :

میبینید که در ابتدا یک تابع تعریف کردیم و در خطوط بعدی ، اون تابع رو فراخونی کردیم. میبینیم که نام هر پارامتر مشخص شده. با این کار دیگه لازم نیس که در ابتدا متغیر a رو مقداردهی کنید و بعد از اون  برید سراغ متغیر بعدی. از همون اول میتونین هر کدوم رو که خواستین ، مقدار دهی کنید.

استفاده از شرط :

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

در بالا اگر عدد اول از عدد دوم بیشتر باشه ، مقدار higher و اگر کوچکتر باشه ، مقدار lower و اگر مساوی باشه ، مقدار equal برگردونده میشه. مثالهاشو در زیر میتونین ببینید :

مشخص کردن نام جانشین برای تابع :

با استفاده از روش زیر میتونین ، یک نام مستعار برای تابع خودتون انتخاب کنید. مثلا تابع add رو که در بالا تعریف کردیم رو در نظر داشته باشید ، حالا میتونیم به روش زیر ، نام مستعار plus رو برای این تابع قرار بدیم :

میبینید که به همین سادگی ، نام مستعار رو برای تابع add قرار دادیم.

arguments :

میتونین با استفاده از عبارت arguments ، به تمامی پارامترهای در هنگام فراخوانی تابع ، دسترسی داشته باشین. کد زیر رو در نظر بگیرین :

وقتی چندین پارامتر رو به یک تابع پاس میدین ، اون پارامترها درون یک لیست قرار میگیرن. نام اون لیست arguments هست و درون تابع در دسترس هست. قبلا توضیح دادم که چطور میتونین به اعضای یک لیست دسترسی داشته باشین. مثلا num[0] اولین عضو از لیست num هست.

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

خب دوستان خسته نباشید.

موفق باشید. یا علی

 

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram