ممکنه شما نیاز به jQuery نداشته باشید (قسمت 19)

- visibility ۰ mode_comment

در این مطلب با ادامه مطالب مربوط با کدهای جایگزین برای jQuery در خدمتتون هستم و امیدوارم که بدردتون بخوره. Javascript-vs-jquery

موضوع 5 : امکانات دیگر

مورد 2 : استفاده از Array Each

اگر بخوایم در jQuery از Array Each استفاده کنیم، بصورت زیر عمل میکنیم:

در jQuery که به راحتی میتونین این کار رو انجام بدین. میبینید که از متد each استفاده کردیم. این متد دو ورودی دریافت میکنه. ورودی اول یک آرایه و ورودی دوم تابع مورد نظر که در هر بار اجرا یک عضو آرایه رو در خودش قرار میده.

حالا همین کار رو اگر بخواید با Javascript خالص انجام بدین بصورت زیر خواهد بود:

برای IE8 به بالا:

میبینید که در Javascript به راحتی میتونین این کار رو انجام بدین. با استفاده از کد بالا میتونین به هدف مورد نظر دسترسی پیدا کنید. در ابتدا یک تابع بنام forEach ساختیم و دو ورودی برای اون انتخاب کردیم. در این تابع هم یک حلقه قرار دادیم که آرایه رو مورد پیمایش قرار بده. در نهایت هم هر جا که بخایم میتونیم از این تابع استفاده کنیم.

برای IE9 به بالا:

میبینید که در مرورگر ie9 به بالا راحتتر میتونین به این مورد دسترسی پیدا کنید. در اینجا از متد forEach استفاده شده.

مورد 3 : استفاده از Deep Extend

اگر بخوایم در jQuery از Deep Extend استفاده کنیم، بصورت زیر عمل میکنیم:

میبینید که در ابتدا el مورد نظر رو انتخاب کردیم و با استفاده از متد extend میتونیم این مورد رو انجام بدیم. ابن متد 4 ورودی دریافت میکنه که اولین اونا true و در نهایت هم اشیاء مورد نظر رو قرار داده.

حالا همین کار رو اگر بخواید با Javascript خالص انجام بدین بصورت زیر خواهد بود:

برای IE8 به بالا:

میبینید که در Javascript نیز میتونین چنین کاری رو شبیه سازی کنید و از اون استفاده کنید. در بالا در ابتدا یک تابع تعریف شده و میتونین از اون در هر جا که بخاید استفاده کنید.

 

امیدوارم که از این مطلب خوشتون اومده باشه.

موفق و سربلند باشید.

یا علی

Source

comment دیدگاه کاربران

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.