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

این یک بسته بندی مدولار است که با استفاده از همه ماژول ها ، یک نمودار وابستگی ایجاد می کند. Webpack ماژول ها را در یک یا چند بسته کوچک برای بارگیری توسط مرورگر بسته بندی می کند. علاوه بر این ، از Webpack می تواند به عنوان ابزاری برای اجرای وظایف استفاده شود ، زیرا وابستگی بین ماژول ها و منابع (دارایی) را شکل می دهد. می توانید اطلاعات بیشتری در مورد استفاده از Webpack در پروژه های خود در ما بخوانید.

Grunt یک وظیفه اجراکننده است که به منظور اتوماسیون انجام کارهای تکراری و وقت گیر که وقت گیر است طراحی شده است. در اکوسیستم نرم افزاری آن تعداد زیادی افزونه (بیش از 6000) موجود است.

Gulp فقط مدیر راه اندازی کار دیگر نیست بلکه ابزاری با رویکرد جالب است: وظایف موجود در JavaScript را به عنوان توابع تعریف می کند ، GUl وظایف "دردناک" را خودکار می کند ، اکوسیستم نرم افزاری گسترده ای را ارائه می دهد (بیش از 2700 افزونه) ، و همچنین شفافیت و کنترل بهتری را بر روی فرایند فراهم می کند.

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

Brunch.io ابزاری است که ایده های اصلی آن سرعت و سادگی است. همراه با پیکربندی ساده و مستندات دقیق برای شروع سریع. برانچ به طور خودکار نقشه ای از پرونده های JS را به همراه ورق های سبک CSS ایجاد می کند ، که روند اشکال زدایی سمت مشتری را ساده می کند.

Yeoman ابزاری جهانی است که تقریباً با هر زبان برنامه نویسی قابل استفاده است (JavaScript ، Python ، C # ، Java و ...). این سیستم تولید کد اصلی با اکوسیستم نرم افزاری غنی (بیش از 6،200 افزونه) برای توسعه برنامه های وب استفاده می شود. با تشکر از یومان ، شما می توانید به سرعت پروژه های جدید ایجاد کنید بدون فراموش کردن در مورد حفظ و بهبود پروژه های موجود.

ویرایشگرهای IDE و کد

• Swagger مجموعه ای از قوانین و ابزارهای توصیف API است. این ابزار یک ابزار مستقل از زبان است. این بدان معناست که Swagger مستندات روشنی را ایجاد می کند که توسط انسان و ماشین به خوبی می توانید بخوانید و به شما امکان می دهد بسته به API فرایند را خودکار کنید.
• JSDoc ابزاری است که بطور خودکار اسناد متنی چند صفحه ای (HTML ، JSON ، XML و غیره) را از نظرات کد منبع جاوا اسکریپت ایجاد می کند. این برنامه کاربردی می تواند برای مدیریت پروژه های در مقیاس بزرگ مفید باشد.
• jGrouseDoc (jGD) یک ابزار منعطف و منبع باز است که به توسعه دهندگان امکان می دهد API ها را از نظرات با کد منبع JavaScript تولید کنند. اسناد jGD نه تنها متغیرها و توابع ، بلکه مکان های نام ، رابط ها ، بسته ها و برخی از عناصر دیگر را نیز اسناد می کند.
• YUIDoc برنامه ای است که در NodeJS نوشته شده است. این ترکیب از نحوی شبیه به Javadoc و Doxygen استفاده می کند. این ابزار همچنین دارای پشتیبانی از پیش نمایش در زمان واقعی ، پشتیبانی از زبان پیشرفته و نشانه گذاری پیشرفته است.
• Docco یک ابزار مستند سازی رایگان است که در ادبیات CafeScript نوشته شده است. این یک سند HTML را ایجاد می کند تا نظرات شما را نمایش دهد ، متناسب با کد. لازم به ذکر است که این ابزار نه تنها از JavaScript بلکه از زبانهای دیگر نیز پشتیبانی می کند. به عنوان مثال ، پایتون ، روبی ، کلوژور و دیگران.

ابزارهای تست

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

• یاس - چهارچوب BDD (توسعه محور رفتار - توسعه مبتنی بر رفتار) برای آزمایش کد JS استفاده می شود. این وابستگی خارجی ندارد و نیازی به اجرای DOM نیست. یاس دارای نحوی تمیز و سر راست است که باعث می شود تست سریعتر و آسان تر شود. همچنین از این چارچوب می توان برای تست پایتون و روبی کد استفاده کرد.
• Mocha یک محیط آزمایش عملکردی است که در Node.js در یک مرورگر اجرا می شود. او آزمایشات پی در پی را برای اطمینان از گزارش انعطاف پذیر و دقیق انجام می دهد ، و تست های ناهمزمان را سرگرم کننده و آسان می کند. موکا اغلب در رابطه با چای برای تأیید نتایج آزمایش استفاده می شود.
• PhantomJS اغلب برای تست های رابط و آزمایش واحد استفاده می شود. با توجه به اینکه این چیزی شبیه به WebKit "بدون سر" است ، اسکریپت ها خیلی سریعتر اجرا می شوند. همچنین شامل پشتیبانی داخلی از استانداردهای مختلف وب است. به عنوان مثال ، انتخاب کننده های JSON ، Canvas ، پردازش DOM ، SVG و CSS.
• Protractor یک چارچوب تست پایان به پایان است که در Node.js برای آزمایش برنامه های کاربردی در AngularJS و Angular نوشته شده است. این برنامه بر اساس WebDriverJS ایجاد شده است و برنامه هایی مانند کاربر نهایی را با استفاده از درایورهای ویژه و رویدادهای داخلی بررسی می کند.

ابزار اشکال زدایی

کد اشکال زدایی یک فرآیند وقت گیر و زمانبر برای توسعه دهندگان JavaScript است. ابزارهای اشکال زدایی کد هنگام کار با هزاران خط کد به ویژه مفید خواهند بود. بسیاری از ابزارهای اشکال زدایی نتایج نسبتاً دقیقی را ارائه می دهند.

• JavaScript Debugger ابزاری از انجمن توسعه دهندگان Mozilla (MDN) است که می تواند به عنوان یک برنامه وب مستقل برای کد اشکال زدایی در مرورگرهای مختلف استفاده شود. Firefox عملکرد محلی و از راه دور و همچنین امکان اشکال زدایی کد را در دستگاه Android با استفاده از Firefox برای اندروید ارائه می دهد.
• Chrome Dev Tools مجموعه ای از ابزارها است که شامل چندین برنامه کاربردی برای اشکال زدایی در کد JavaScript ، ویرایش CSS و آزمایش عملکرد برنامه است.
• ng-inspector یک برنامه افزودنی مرورگر متقاطع است که برای کمک به توسعه دهندگان در نوشتن ، درک و اشکال زدایی برنامه های AngularJS طراحی شده است. این نرم افزار با به روز رسانی های زمان واقعی ، برجسته DOM ، دسترسی مستقیم به مناطق ، مدل ها و سایر عناصر برنامه همراه است.
• Augury - پسوند برای مرورگر گوگل Chrome و برنامه های اشکال زدایی در Angular 2. به برنامه نویسان برنامه های کاربردی در Angular 2 اجازه می دهد تا ساختار و عملکرد برنامه را به طور مستقیم تجزیه و تحلیل کنند ، همچنین به شما امکان می دهد تغییرات را تشخیص دهید.

ابزارهای امنیتی

• Snyk یک ابزار تجاری برای تشخیص ، رفع و جلوگیری از آسیب پذیری های شناخته شده در برنامه های JavaScript ، Java و Ruby است. این سرویس دارای پایگاه داده خاص خود در مورد آسیب پذیری ها است و از NSP و NIST NVD داده می گیرد. تکه ها و به روزرسانی هایی که این شرکت ارائه می دهد به توسعه دهندگان اجازه می دهد از خطرات امنیتی جلوگیری کنند.
• پروژه امنیت نود ابزارهای مفیدی برای اسکن وابستگی و تشخیص آسیب پذیری فراهم می کند. NSP از پایگاه داده خود ساخته شده است که بر روی ماژول های اسکن npm ساخته شده است ، و همچنین از داده های پایگاه داده های رایج مانند NIST NVD (پایگاه ملی آسیب پذیری) استفاده می کند. علاوه بر این ، NSP یکپارچه سازی با نرم افزار GitHub Pull Request و CI را فراهم می کند. همچنین یک بررسی ، هشدارها و توصیه های زمان واقعی برای رفع آسیب پذیری ها در برنامه های Node.js. وجود دارد.
• RetireJS یک بررسی کننده وابستگی به منبع باز است. شامل اجزای مختلفی مانند اسکنر است خط فرمانافزونه Grunt پسوندهای Firefox و افزونه های Chrome ، Burp و OWASP ZAP. Retirejs اطلاعات آسیب پذیری را از NIST NVD و منابع دیگری مانند سیستم ردیابی اشکال ، وبلاگ ها و لیست های پستی جمع آوری می کند.
• Gemnasium یک ابزار تجاری رایگان است نسخه آزمایشی. این فن آوری و بسته های مختلف ، از جمله Ruby ، \u200b\u200bPHP ، Bower (JavaScript) ، Python و npm (JavaScript) را پشتیبانی می کند. ابزار امنیتی Gemnasium همراه است ویژگی های مفیدمانند به روزرسانی خودکار ، هشدارهای در زمان واقعی ، هشدارهای امنیتی و ادغام Slack.
• OSSIndex از اکوسیستم های مختلف (جاوا ، JavaScript و .NET / C #) و بسیاری از سیستم عامل ها مانند NuGet ، npm ، Bower ، Chocolatey ، Maven ، Composer ، Drupal و MSI پشتیبانی می کند. این اطلاعات آسیب پذیری را از پایگاه داده ملی آسیب پذیری (NVD) جمع آوری کرده و بررسی می کند. همچنین اطلاعات اعضای جامعه را پردازش می کند.

ابزارهای آنالیز و بهینه سازی کد

برای بررسی کیفیت کد ، آنها معمولاً به تست عملکردی و تست واحد روی می آورند. با این حال ، رویکرد دیگری وجود دارد که به توسعه دهندگان امکان می دهد کیفیت کد و مطابقت آن با استانداردهای کدگذاری ، یعنی تجزیه و تحلیل کد استاتیک را بررسی کنند.

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

• JSLint یک ابزار تحلیلی وب برای بررسی کیفیت کد JavaScript است. به محض تشخیص مشکلی در منبع ، پیامی را برای توصیف مشکل و محل تقریبی موجود در کد برمی گرداند. JSLint قادر به تجزیه و تحلیل برخی از هنجارهای سبک و کشف خطاهای نحوی و مشکلات ساختاری است.
• JSHint یک ابزار انعطاف پذیر محور جامعه است برای شناسایی اشکالات و مشکلات احتمالی در کد JS شما ، و JSHint یک چنگال از JSLint است. هدف اصلی این ابزار تجزیه و تحلیل کد استاتیک کمک به توسعه دهندگان JavaScript است که روی برنامه های پیچیده کار می کنند. این دستگاه قادر به تشخیص خطاهای نحوی ، تبدیل ضمنی انواع داده ها یا عدم وجود متغیر است. اما ، نمی تواند سرعت و عملکرد صحیح برنامه شما را تعیین کند ، و نه می تواند مشکلات حافظه را در برنامه شما تعیین کند. JSHint یک چنگال از JSLint است.
• ESLint یک منبع منبع باز برای برنامه های وب JSX و JavaScript است. این به تشخیص الگوهای مشکوک یا یافتن کدی که با سبک های خاص مطابقت ندارد کمک می کند. این به توسعه دهندگان امکان می دهد خطاهای موجود در کد JS را بدون اجرای آن تشخیص دهند و از این طریق باعث صرفه جویی در وقت شوند. در Node.js نوشته شده است ، این ابزار زمان اجرای آنلاین و نصب صاف را از طریق npm ارائه می دهد.
• جریان یک کنترل کننده کد جاوا اسکریپت استاتیک است که توسط فیس بوک ساخته شده است. با استفاده از حاشیه نویسی نوع استاتیک برای بررسی کد خطاها. انواع پارامترهایی هستند که توسط برنامه نویسان تنظیم شده اند ، و Flow شما را بررسی می کند نرم افزار برای رعایت الزامات

ابزارهای کنترل نسخه

• AT سالهای گذشته Git به یک سیستم کنترل نسخه گسترده و مورد استفاده در هر دو پروژه کوچک و بزرگ تبدیل شده است. این ابزار رایگان سرعت و کارایی عالی را ارائه می دهد. محبوبیت آن به دلیل توزیع سیستم و انواع مختلف کنترل ها ، و همچنین یک منطقه واسطه ای که نسخه ها را می توان قبل از اتمام تعهد مشاهده و قالب بندی کرد.
• ابزار Subversion یا SVN محبوبیت زیادی پیدا کرده است و هنوز هم در پروژه های منبع باز و سیستم عامل هایی مانند Python Apache یا Ruby بطور گسترده مورد استفاده قرار می گیرد. این CVS دارای ویژگی های بسیاری است که به شما امکان می دهد عملیات مختلفی را تغییر دهید (تغییر نام ، کپی کردن ، حذف و غیره) ، ادغام ، قفل پرونده و موارد دیگر.

ابزارهای مدیریت بسته بندی و وابستگی

لیست ابزارهای برتر برای توسعه در جاوا اسکریپت می توانید به بی نهایت تبلیغ بروید. در این مقاله شما فقط ابزارهای محبوب و قابل اطمینان را دیدید که پایه و اساس محصولات با کیفیت می باشد.

نکته برای برنامه نویسان: اگر در مسابقه Huawei Cup Honor ثبت نام کردید ، برای شرکت کنندگان به مدرسه آنلاین دسترسی رایگان دهید. شما می توانید مهارت های مختلفی را پمپ کنید و جوایز خود مسابقات را کسب کنید. .

این راز امروزی نیست جاوا اسکریپت به یکی از محبوب ترین زبان های برنامه نویسی تبدیل شده است. در دهه 90 ، در بدو تولد زبان ، هنگامی که با تنها هدف اضافه کردن تعامل به صفحات وب و بهبود روند تعامل با کاربر ایجاد شده بود ، تصور می شد که او به چنین ارتفاعات بی سابقه ای دست یابد. از این گذشته ، اکنون تقریباً می توانید هر کاری انجام دهید. آیا می خواهید یک وب سایت بنویسید: هم با پسوند و هم یک پیش زمینه در جاوا اسکریپت؟ خواهش میکنم! می خواهید بنویسید برنامه تلفن همراه در جاوا اسکریپت؟ مشکلی نیست. میکروکنترلر را برنامه ریزی کنید و جاوا اسکریپت به شما کمک می کند.

البته در روش استفاده از جاوا اسکریپت در همه جا معایب کمی وجود دارد ، اما اگر به آن فکر کنید ، با یادگیری تنها یک زبان چقدر می توان زمان و تلاش را صرفه جویی کرد ، به خصوص اگر همان برنامه باید روی سیستم عامل های مختلف کار کند. بر روی سیستم عامل های مختلف صحبت می کنید؟ Hmm ... دقیقا - بر روی سیستم عامل های مختلف - اکنون JS می تواند برنامه های دسک تاپ را برای ویندوز ، لینوکس ، مک ، همانطور که می پرسید ، بپردازید؟ جواب ساده است: ملاقات - Nw.js.

node.js – بستر نرم افزاریبر اساس موتور V8 ، که اسکریپت ما را به کد دستگاه ترجمه می کند. این پلت فرم در سال 2009 عمدتاً برای کار با سایت های با پسوند ایجاد شده است.

وب سایت - موتور رایگانتوسعه یافته توسط سیب. اولین بار در سال 2003 به عنوان بخشی از صفری اعلام شد.
بنابراین ، کد نوشته شده در JS برای این فناوری به هر دو ماژول Node.js و یک API مرورگر استاندارد (به ترتیب WebKit) دسترسی خواهد داشت

شروع سریع

مطمئناً همه اینها خوب است ، اما از کجا باید شروع کنیم؟ در github می توانید مخزن منبع را پیدا و بارگیری کنید. در اینجا همچنین می توانید لینک های بارگیری مستقیم برای سکویی که توسعه در آن انجام خواهد شد ، پیدا کنید. در میان چیزهای دیگر ، ما به node.js. نصب نیاز داریم.

بعد از بارگیری و نصب نرم افزار لازم ، برنامه خود را روی JS مورد علاقه خود نوشتید (برای مشاهده این روش به زیر مراجعه کنید) و همه چیز را در یک پوشه بومی سازی کردید. نیمی از کار انجام شده است ، اکنون مشکل ترین و طولانی ترین کار باقی مانده است - برای بسته بندی همه چیز در یک پرونده و آماده سازی برای توزیع. برای ساده سازی می توانید از کتابخانه های آماده ، به عنوان مثال nw-builder استفاده کنید. اگر قبلاً با node.js. کار کرده باشید ، نصب کتابخانه دشوار نخواهد بود. همانطور که می دانید node.js شامل مدیر بسته npmکه باید از خط فرمان کار کنید. برای قرار دادن هر کتابخانه ، باید دستور را اجرا کنید:

\u003e نصب npm [library_name] [گزینه ها]
لطفا توجه داشته باشید که این کتابخانه می تواند به صورت محلی و جهانی نصب شود ، برای نصب محلی از این گزینه استفاده کنید --save-devبرای جهانی -گ. بنابراین ، ما با اجرای دستور ، کلکسیونر خود را برای NW.js در سطح جهان قرار می دهیم:

\u003e npm install nw-builder -g
برای ساختن برنامه ما ، باید دستور را اجرا کنید (با تعداد زیادی گزینه در اسناد موجود می توانید پیدا کنید):

\u003e nwbuild -p [platform_name] -o [path_to_folder_for_assembled_version] [Application_path]
از مقادیر زیر می توان به عنوان نام سکو استفاده کرد: win32، win64، osx32، osx64، linux32، linux64.

در حین توسعه ، دیگر نیازی به ساختن برنامه نیست ، فقط می توانید آن را همانطور که هست راه اندازی کنید و در یک پنجره جداگانه باز خواهد شد. برای این کار برنامه nw.exe را از خط فرمان اجرا کرده و مسیر خود را به عنوان پارامتر به پوشه منتقل کنید. علاوه بر این ، اگر در حال کار تحت ویندوز هستید ، می توانید پوشه را با کد منبع برنامه بر روی JS بکشید و رها کنید (توجه داشته باشید که این کل پوشه است) در nw.exe.

سلام دنیا!

حالا که می دانید چگونه برنامه را اجرا کنید ، چگونه آن را در یک پرونده واحد جمع کنید ، بیایید چیزی بنویسیم. طبق سنت ، معرفی پلت فرم جدید با نگارش برنامه Hello، world world آغاز می شود.

برای این برنامه ، ما حتی نیازی هم نداریم جاوا اسکریپتفقط HTML. یک پوشه با نام ایجاد کنید سلام دنیا. پرونده را داخل آن قرار دهید index.html با نشانه گذاری زیر:

علاوه بر این ، برای هر برنامه تحت NW.js ، پرونده ای لازم است که باید فراخوانی شود pack.json. برای ساختن برنامه ، اطلاعاتی از آن گرفته می شود. ایجاد کردن ساده ترین گزینه پرونده را وارد کرده و در پوشه قرار دهید سلام دنیا. بنابراین:

("name": "hello-world" ، "نسخه": "1.0.0" ، "توضیحات": "اولین برنامه" ، "اصلی": "index.html" ، "نویسنده": "توسعه دهنده" ، "windows" ": (" نوار ابزار ": غلط ،" عرض ": 500 ،" ارتفاع ": 200))
محتوای پرونده بدون توضیحات مشخص است (توجه داشته باشید که قسمت های مورد نیاز فقط اصلی و نام دارند) AT اصلی شما باید یک فایل نشانه گذاری را بنویسید ، که نقطه ورود به برنامه خواهد بود. بخش پنجره پارامترهای پنجره را تنظیم می کند (در این حالت نوار ابزار را خاموش می کنیم و اندازه پنجره را روی 500x200 قرار می دهیم).

علاوه بر این ، می توانید قسمتهایی مانند (برای لیست کاملی از گزینه ها ، به اسناد مراجعه کنید) پیکربندی کنید:

• آیکون - مسیر آیکون را مشخص کنید (نادیده گرفتن استاندارد)
• موقعیت - می توانید موقعیت پنجره را در بوت مشخص کنید ( خالی, مرکز یا ماوس)
• min_width, min_height, حداکثر عرض, حداکثر ارتفاع - محدودیت اندازه پنجره
• قابل تغییر اندازه - یک مقدار منطقی که نشان می دهد کاربر می تواند پنجره را تغییر اندازه دهد یا خیر
• تمام صفحه - حالت تمام صفحه را فعال کنید
• کیوسک - حالت کیوسک را فعال کنید
• شفاف - پنجره را شفاف کنید

برنامه ایجاد شده است و می توانید آن را اجرا کنید. پس از شروع (برای انجام این کار ، به بخش بالا مراجعه کنید) ، باید پنجره زیر را دریافت کنید:

برنامه نوشته شده است ، اما فقط یک عنصر تقسیم در آن وجود دارد و هیچ منطقی وجود ندارد ، اما اگر ما برای عناصر و منطق پیچیده دارای مارک ثروتمند باشیم ، چه می شود؟ یک عنصر به ما کمک می کند فایل پیکربندی نوار ابزارکه ما به غلط تنظیم کردیم برای اینکه ابزارهای اشکال زدایی را در دسترس قرار دهید ، باید نوار ابزار را روی درست تنظیم کنید. با انجام این کار هنگام شروع برنامه ، پنجره زیر را دریافت می کنیم:

بعد از کلیک بر روی دکمه در گوشه بالا سمت راست پنجره دیگری باز خواهد شد که در آن ابزارهای توسعه دهنده آشنا نمایش داده می شوند:

با کنترل های بومی کار کنید

NW.js به شما امکان می دهد تا با کنترل های بومی کار کنید. بیایید به یک مثال نگاه کنیم منو. برای کار با کنترل های UI بومی در nw.js ، شما باید از ماژول استفاده کنید nw.guiکه می تواند به صورت زیر وصل شود:

Var gui \u003d نیاز ("nw.gui")؛
الگوی عمومی برای استفاده از کنترل ها:

عنصر Var \u003d gui.ElementName جدید (گزینه)؛
بنابراین ، برای ایجاد موارد منو ، می توانید از طرح زیر استفاده کنید:

منوی Var \u003d gui.Menu جدید ()؛
بعلاوه ، می توان با استفاده از سازه های استاندارد JS ، به راحتی ویژگی های جسم ایجاد شده را تغییر داد:

Menu.title \u003d "(! LANG: عنوان جدید"; !}
این منو ایجاد شده است ، اکنون باید آن را پر کنید ، روش هایی برای دستکاری عناصر کودک وجود دارد:

Menu.append (gui.MenuItem جدید ((برچسب: "برچسب مورد منو"))؛ menu.removeAt (0)؛
علاوه بر این ، برای انعطاف پذیری بیشتر عناصر به منو ، می توانید از این روش استفاده کنید درج کنیدپارامترهای شما می خواهید منتقل کنید منو و شماره موقعیت مکانی برای قرار دادن آن ( موقعیت قبل از اولین عنصر با 0 مطابقت دارد).

برای دسترسی به عناصر ایجاد شده ، می توانید از خاصیت استفاده کنید موارد:

Menu.items.title \u003d "(! LANG: عنوان جدید" !}
لطفا توجه داشته باشید که شما به طور مستقیم نمی توانید عناصر ایجاد کنید:

menu.items \u003d gui.MenuItem جدید ()؛ // اشتباه
مهمترین چیز هنگام کار با کنترل های بومی ، یادآوری آن است هر گونه خطایی هنگام کار با آنها می تواند به سقوط کل برنامه منجر شودبنابراین ، لازم است بسیار مراقب باشید و هر زمان ممکن باشد هنگام پاک کردن عناصر ، متغیر را نیز خنثی کنید. از این طریق برای حذف کنترل، می توانید موارد زیر را انجام دهید:

Control.remove ()؛ کنترل \u003d تهی؛
برای کار راحت تر با کنترل ها ، آنها از EventEmitter به ارث می رسند ، بنابراین خبر خوب این است که می توانیم به راحتی با رویدادها کار کنیم ، به عنوان مثال مانند این:

Menuitem.on ("کلیک کنید" ، عملکرد () (// کاری مفید انجام دهید))؛
منویی ایجاد شده است ، اما اگر برنامه را اجرا کنید ، هیچ منویی مشاهده نمی کنید. برای نمایش منو ، یک روش بازشو وجود دارد که در پارامترهایی که لازم است مختصات را برای نمایش منو انتقال دهید.

برای نشان دادن ویژگی های اصلی منو ، اسکریپت زیر را به پروژه قبلی ایجاد کنید سلام دنیا:

Var gui \u003d نیاز ("nw.gui")؛ var menu1 \u003d gui.Menu جدید ()؛ menu1.append (gui.MenuItem جدید ((برچسب: "مورد 1"))؛ var subMenu1 \u003d gui.Menu جدید ()؛ subMenu1.append (gui.MenuItem جدید ((برچسب: "مورد 2"))؛ menu1.append (gui.MenuItem جدید ((برچسب: "Submenu" ، زیرمنو: subMenu1))؛ document.body.addEventListener ("extmenu "، تابع (ev) (ev.preventDefault ()؛ menu1.popup (ev.x، ev.y)؛ false false؛))؛
پس از شروع برنامه می توانیم منوی زمینه ایجاد شده برای بدن را مشاهده کنیم. بنابراین ، می توانیم یک فهرست زمینه را برای هر مورد تعریف کنیم.

افزودن برچسب

ابزاری برای ایجاد منوهای پاپ آپ و سایر عناصر مشابه برای سایت شما!

↓ طبقه بندی جدید "JavaScript، java":

رایگان
Namo WebEditor 2006 Suite یک سازنده وب سایت حرفه ای و بسیار قدرتمند است. طراح می تواند در دو حالت به طور همزمان کار کند: کد نویسی بصری و دستی. کار با سازنده به دانش HTML یا زبانهای برنامه نویسی دیگر احتیاج ندارد ، زیرا خود این برنامه کدی تولید می کند.

رایگان
HTML TreeView Generator 1045 ابزاری ساده است که لیست های کشویی HTML مانند درخت را در صفحه وب ایجاد می کند. علاوه بر این ، هنگام استفاده از ژنراتور HTML TreeView برای ایجاد آنها ، هر کاربر می تواند بدون دانش در جاوا اسکریپت ، HTML یا CSS انجام دهد. همچنین این برنامه می توانید پروژه هایی از محیط ویژوال پوشه سازنده درخت وارد کنید.

رایگان
Greasemonkey 0.9.2 یک افزودنی بسیار مفید برای یک مرورگر شناخته شده است. موزیلا فایرفاکس. با کمک افزونه Greasemonkey ، شما این فرصت را خواهید داشت که خود اسکریپت های جاوا وابسته به صفحه را بنویسید. با تشکر از این علاوه بر مرورگر Mozilla Firefox ، می توانید خیلی سریع و به راحتی بسیاری از ویژگی های جدید را اضافه کنید تا ظاهر صفحه ای که در اینترنت باز می کنید را تغییر دهید.

رایگان
منوی دکمه ها و دکمه های Apycom Java 5.00 بسته ای است که می تواند بلوک های ناوبری را برای وب سایت ها ایجاد کند. منحصر به فرد بودن برنامه Drop Down Menus and Button در این واقعیت نهفته است که این برنامه به شما اجازه می دهد تا نه تنها متخصصان بلکه طراحان تازه کار وب نیز کارهای خود را انجام دهند تا هم منوهای کشویی ساده و هم پنلها یا دکمه های سه بعدی با شکوه را ایجاد کنند. عملکردبه طور مستقل نصب شده است.

رایگان
Antechinus javascript Editor 9.0 build 3 یک ویرایشگر مناسب و قدرتمند است که شامل همه چیز است توابع لازمکه به نوشتن یا ویرایش کد جاوا اسکریپت کمک خواهد کرد. برنامه ویرایشگر جاوا اسکریپت Antechinus حدود 30 نمونه از اضافه کردن جاوا اسکریپت به صفحات وب شما دارد.

رایگان
Anfy 2.1 کتابخانه ای است که شامل 52 برنامه مبتنی بر فناوری جاوا است و برای ایجاد منوهای ناوبری و جلوه های بصری طراحی شده است. کتابخانه Anfy به لطف وجود برنامه های کاربردی از قبیل آب ، منو Tree ، آتش بازی ، دریاچه ، پیمایش متن ، Fade banner یا Anfy Cam ، امکان تهیه آن را فراهم می آورد. نوع جدید صفحه وب خود را با یک میزکار ، گرافیک و محافظ صفحه نمایش.

رایگان
Adobe Edge 1.0.0.38.9626 محصولی با کیفیت از Adobe است ، که برای کار به عنوان ابزاری حرفه ای برای افزودن عناصر تعاملی به سایتها با استفاده از استانداردهای HTML5 ، javascript و CSS3 و بدون استفاده از فناوری Flash طراحی شده است.

رایگان
مجموعه javascriptS 7.0 نوعی از مجموعه است که حاوی بیش از 230 اسکریپت مختلف است. مجموعه javascriptS به راحتی در طراحی سایت خود به روشی که می خواهید کمک خواهد کرد. این مجموعه از DHTML و جاوا اسکریپت توانایی کار در آن را دارد اینترنت اکسپلورر یا Netscape Navigator.

رایگان
مجموعه جاوا اسکریپت 1.0 مجموعه ای جذاب از اسکریپت های ساخته شده به زبان جاوا اسکریپت است. مجموعه جاوا اسکریپت می تواند از افزونه های کد HTML استفاده کند که قابلیت های آن را تکمیل می کند. با تشکر از قابلیت های برنامه مجموعه جاوا اسکریپت ، می توانید کلیدهایی را با انیمیشن ها ایجاد کنید تا اقداماتی مانند هدایت به یک سند دیگر و موارد دیگر را انجام دهید.

رایگان
MenuEditor1 1.0.3.122 ابزاری است که تقریباً به طور مستقل یک منوی تمام عیار در اینترنت ایجاد می کند. برنامه MenuEditor به شما امکان می دهد منوهایی را با کیفیت حرفه ای ایجاد کنید حتی برای بی تجربه ترین کاربران ، که آن را کاملا از برنامه های مشابه متمایز می کند.

این فصل در مورد زبان اسکریپت جاوا اسکریپت است. شما می آموزید که JavaScript چیست و چرا مورد نیاز است.

ویژگی های ایجاد دینامیک در صفحه ، فرم های پردازش و همچنین کار با لایه ها و سبک ها را در نظر بگیرید.
جاوا اسکریپتیک زبان برنامه نویسی برنامه نویسی شی گرا با نحو کمی شبیه به نحو C است ، پرلو پایتون. اگرچه این زبان نام مشابهی با زبان دارد برنامه نویسی جاواآنها چیزی جز جز نام ندارند.

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

اینترنت بر پایه فناوری ساخته شده است " سرور مشتری».
سرورها رایانه یا برنامه هایی هستند که هرگونه خدماتی را به مشتریان ارائه می دهند ، مانند سرور وب یا سرور ایمیل.
مشتری ها رایانه یا برنامه هایی هستند که از آنچه ارائه می دهند سرورها ، مانند مرورگرهای وب یا مشتری های ایمیل استفاده می کنند.

سناریوها جاوا اسکریپت- این برنامه های کوچکی هستند که هنگام بارگیری از سرور به همراه صفحات وب روی رایانه کاربر اجرا می شوند.

دامنه JavaScript

از همان ابتدای توسعه ، از زبان JavaScript برای نوشتن اسکریپت های مختلف طرف مشتری استفاده شده است. آنها به طور گسترده ای برای حل مشکلاتی از قبیل چک کردن اطلاعات وارد شده توسط کاربر بر روی فرم قبل از ارسال آن به سرور یا برنامه نویسی پاسخ های مربوط به اقدامات کاربر که باعث تعامل صفحه ها می شود مورد استفاده قرار می گرفت. امروزه ، با استفاده از زبان JavaScript ، برنامه های وب کامل ایجاد شده است ، که برخی از آنها خیلی پایین تر از "برادران" دسک تاپ خود نیستند. مثالهای خوبی چنین برنامه های وب را می توان در بین خدمات Google پیدا کرد ، به عنوان مثال ، Google Calendar ، یک سازمان دهنده چند منظوره در یک مرورگر وب و Google Doc & Spreadsheet ، ویرایشگر متن و صفحه گسترده که به شما امکان می دهد مستقیماً در یک پنجره مرورگر وب با اسناد اداری کار کنید. برای ایجاد محتوای پویا در صفحات وب ، زبانی که برای ایجاد صفحات پویا استفاده می شود ، HTML Dynamic HTML است که دوباره بخش اصلی JavaScript است.

JavaScript نه تنها در اینترنت بلکه در برنامه هایی مانند Adobe Dreamweaver ، ادوبی آکروبات Reader و Adobe Photoshop برای گسترش قابلیت های خود ، مشابه با استفاده از زبان ویژوال بیسیک در مایکروسافت آفیس.

حال بیایید به ایجاد اسکریپت ها و نحوه جاسازی آنها در یک سند HTML بپردازیم.

فیلمنامه

ما تمام مراحل ایجاد اسکریپت جاوا اسکریپت را بررسی خواهیم کرد - از سازماندهی یک محیط کار گرفته تا اتصال کد به یک سند HTML.

تقریباً هر ویرایشگر متن برای کار بر روی اسکریپت ها مناسب است ، به شما امکان می دهد فایل های متنی منظم ایجاد کنید و آنها را با پسوند htm یا html ذخیره کنید. به عنوان مثال ، در سیستم عامل ویندوز ، در بین نمونه های استاندارد ، دو ویرایشگر متن مناسب وجود دارد - Notepad و WordPad. همچنین ویرایشگرهایی وجود دارند که بطور خاص برای ایجاد صفحات وب ساخته شده اند ، مانند Microsoft FrontPage و Adobe Dreamweaver (که قبلاً با نام Macromedia Dreamweaver شناخته می شدند). چنین ویرایشگرها به شما امکان می دهند صفحات وب را با استفاده از ابزارهای تصویری ایجاد کنید ، سپس به حالت نمایش کد تغییر دهید و تغییرات دلخواه مانند اضافه کردن اسکریپت ها را انجام دهید. برخلاف ویرایشگرهای متن معمولی ، چنین ویرایشگرها نحو HTML و JavaScript را برجسته می کنند که بسیار مناسب است.

علاوه بر این ، در اینترنت می توانید تعداد زیادی ویرایشگر متن دیگر را پیدا کنید که به شما امکان می دهند صفحات وب ایجاد کرده و نحو زبانهای HTML و JavaScript را برجسته کنید. این ویرایشگران همچنین بسیاری از ویژگی های مفید دیگر را دارند که روند ایجاد صفحات وب و توسعه اسکریپت ها را تا حد زیادی ساده می کند. بسیاری از این ویرایشگرها بصورت رایگان و یا به اشتراک گذاری نرم افزار توزیع می شوند و ممکن است برخی از آنها را دوست داشته باشید.

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

توسعه دهندگان وب باید بیشتر با ویژگی های مرورگر وب Microsoft Explorer مایکروسافت در نظر بگیرند. در نتیجه ، صفحات وب شما باید در این مرورگر وب که در هر سیستم عامل ویندوز موجود است ، آزمایش شوند.
مرورگرهای وب Mozilla Firefox و Opera نیز بسیار محبوب هستند که تلاش می کنند تا حد ممکن استانداردها را رعایت کنند. Mozilla Firefox را می توانید از سایت http://www.mozilla.ru/ و Opera از سایت بارگیری کنید.

اشکال زدایی برنامه (اسکریپت) را به طور جداگانه در نظر بگیرید. وقتی اسکریپت بزرگ است ، تشخیص آن چندان آسان نیست ، و اشکال زدایی ، یعنی فرآیند یافتن و رفع خطاها ، می تواند بیشتر زمان توسعه کل برنامه (یا اسکریپت) را به خود اختصاص دهد. برای ساده سازی و سرعت بخشیدن به اشکال زدایی ایجاد شده برنامه های ویژهبه نام اشکال زدایی. یک اشکال زدایی معمولی دارای ویژگی هایی همچون اجرای مرحله به مرحله یک برنامه با توقف در هر خط کد یا در نقاط شکست که قبلاً برای این کار مشخص شده بود ، همچنین ردیابی و تغییر مقادیر هر متغیر به طور مستقیم در حین اجرای برنامه.

برنامه های بسیاری برای اشکال زدایی اسکریپت های جاوا اسکریپت وجود دارد. به عنوان مثال ، Debugger Microsoft Script Microsoft هر آنچه برای موفقیت در رفع اشکال اسکریپت های جاوا اسکریپت لازم است را در اختیار دارد. این همراه با مرورگر وب Microsoft Explorer Microsoft استفاده می شود. این نصب کننده به صورت رایگان توسط مایکروسافت توزیع می شود و می توانید از سایت بارگیری کنید. علاوه بر این ، این اشکال زدایی به عنوان بخشی از ویرایشگر FrontPage مایکروسافت توزیع می شود برنامه های مایکروسافت ویرایشگر اسکریپت ، که عملا هیچ تفاوتی با Microsoft Script Debugger ندارد.

اشکال زدایی های دیگری نیز وجود دارد ، برای مثال ، برای مرورگر وب Mozilla Firefox ، آنها به عنوان پسوند ایجاد می شوند. به طور خاص ، debugger FireBug از سایت قابل بارگیری است و اگر به این صفحه در مرورگر وب Mozilla Firefox بروید ، این debugger بلافاصله نصب می شود.

ما در این کتاب روند اشکال زدایی را در نظر نمی گیریم ، زیرا این یک موضوع جداگانه است که نیاز به مطالعه دقیق دارد. برای نوشتن اسکریپت های ساده ، نیازی به اشکال زدایی نیست.

تعبیه اسکریپت

تعبیه اسکریپت ها را در صفحات وب در نظر بگیرید.
اسکریپت ها در یک سند HTML به سه روش استاندارد تعبیه شده اند:

متن به عنوان یک اسکریپت به هر زبانی. زبان برنامه نویسی با استفاده از ویژگی نوع مشخص می شود. به عنوان مثال ، برای مشخص کردن زبان JavaScript از کد زیر استفاده می شود:

این ویژگی قابل حذف نیست ، زیرا مقدار "متن / جاوا اسکریپت" مقدار پیش فرض است.

می توانید از نظرات در کد اسکریپت استفاده کنید - متنی که توسط مفسر JavaScript نادیده گرفته می شود. نظرات // و

نظرات همچنین می توانند چند خطی باشند ، که اشکال زدایی در اسکریپت را تسهیل می کند و به شما اجازه می دهد تا در مورد بخش مشکل کد نظر دهید. برای این منظور از کاراکترهای مجموعه / * و * / به عنوان مثال در کد زیر استفاده می شود:

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

...

4. برای مثال پرونده را با نام script1.html ذخیره کنید.
بعد از ایجاد یک صفحه وب با اسکریپت ، می توانید ببینید که چگونه در یک مرورگر وب ظاهر می شود. برای اینکه مطمئن شوید این اسکریپت همانطور که باید کار می کند ، آن را در تمام مرورگرهای وب نصب شده روی رایانه خود بررسی کنید.
5. یک مرورگر وب راه اندازی کنید و صفحه وب ایجاد شده را در آن باز کنید.

بنابراین ، اگر همه کارها را به درستی انجام داده باشید ، ده پیام "سلام جهان !!!" روی صفحه مرورگر وب شما ظاهر می شود (شکل 2.3).

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

شکل. 2.3 اولین اسکریپت مرورگر وب شما

نحو JavaScript و ملزومات

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

با اطلاعات کار کنید

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

اسکریپت های مشتری اغلب به عنوان یک بافر بین کاربر و برنامه سرور عمل می کنند و پردازش اولیه و تأیید صحت داده ها را انجام می دهند.

سناریوهای مشتری می توانند اطلاعات را به روش های زیر دریافت کنند:

/ داده های تعبیه شده توسط سازنده در اسکریپت (مقادیر اولیه)؛
/ داده های دریافت شده از کاربر با استفاده از فرم ها.
/ داده های منتقل شده از طریق URL؛
/ اطلاعات به دست آمده با پردازش رویدادها ، به عنوان مثال ، هنگامی که نشانگر ماوس را حرکت می دهید ، روی یک کلید کلیک کرده یا فشار دهید.
/ داده های دریافت شده از سایت های دیگر یا توسط برنامه سرور منتقل می شود.

ورودی / خروجی اطلاعات در جاوا اسکریپت را با استفاده از سه روش زیر در نظر بگیرید: هشدار () ، سریع () ، و تأیید (). این روشها جعبه پیامهای مختلفی ایجاد می کنند.

روش هشدار ()

روش هشدار () یک کادر گفتگوی هشدار را با پیام مربوطه نشان می دهد. پس از خواندن پیام ، کاربر برای بستن پنجره باید بر روی دکمه OK کلیک کند. استدلال این روش یک رشته است.

در ساده ترین حالت ، متن هشدار دهنده محصور در نقل قول ها در داخل پرانتز وارد می شود (لیست 2.3).

لیست 2.3. با هشدار کار کنید

پنجره اخطار توسط خود مرورگر ایجاد می شود ، بنابراین ممکن است ظاهر پنجره در مرورگرهای مختلف متفاوت باشد. در شکل 2.4 یک پنجره تولید شده با استفاده از کد ارائه شده در Internet Explorer را نشان می دهد.

شکل. 2.4 با هشدار کار کنید

سریع () روش

از روش سریع () برای دریافت داده ها از کاربر استفاده می شود (لیست 2.4).

لیست 2.4. با درخواست کار کنید

هنگام تماس با آن ، یک کادر گفتگوی سریع با یک کادر متنی ظاهر می شود. این روش می تواند شامل دو آرگومان باشد. اولین بحث پیامی است که در کادر گفتگو نمایش داده می شود. آرگومان دوم متن پیش فرض است که باید در قسمت مربوطه ظاهر شود. علاوه بر این ، این روش یک مقدار را برمی گرداند - متنی که کاربر وارد کرده است.

پس از راه اندازی صفحه با کد بالا ، یک درخواست ظاهر می شود (شکل 2.5) و به دنبال آن یک اخطار انجام می شود.

شکل. 2.5. با درخواست کار کنید

در این مثال ، یک متغیر برای نشان دادن کارآیی روش سریع () استفاده می شود و یک عبارت به عنوان آرگومان در روش هشدار () استفاده می شود. ما این مفاهیم را در زیر تحلیل خواهیم کرد.

در روش سریع () می توانید آرگومان دوم را حذف کنید ، یعنی فقط یک خط را مشخص کنید.

روش () را تأیید کنید

روش تأیید () کادر گفتگوی تأیید را نمایش می دهد که شامل دو دکمه است: OK و Cancel. لیست 2.5 کد ایجاد پنجره تأیید را نشان می دهد ، اما تفاوت بین دکمه های OK و Cancel در این سناریو تأکید نمی شود.

لیست 2.5.کار تأیید

با کلیک بر روی هر یک از دکمه ها کادر محاوره ای بسته می شود (شکل 2.6).

شکل. 2.6. کار تأیید

ممکن است این اسکریپت با کلیک روی دکمه های OK و Cancel متفاوت باشد.

متغیرها و انواع داده ها

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

شناسه ها

شناسه هانام هایی هستند که متغیرها ، عملکردها و اشیاء را نشان می دهند. بعضی از اسامی را نمی توان به عنوان شناسه استفاده کرد ، زیرا معنای خاصی دارند. شناسه ها با استفاده از ترکیبی از شخصیت های مختلف با محدودیت های زیر تشکیل می شوند:

/ همه شناسه ها باید با یک نامه شروع شوند؛
/ بعد از حرف اول ، حروف باقی مانده می توانند حروف و اعداد باشند.
/ حروف همه حروف بزرگ و کوچک حروف الفبای لاتین هستند: از A تا Z و از a به z.
/ underscore (_) به عنوان حرف عمل می کند و اغلب به جای فضایی که در شناسه ها قابل استفاده نیست استفاده می شود.
/ نماد دلار ($) به عنوان نامه عمل می کند و معمولاً هنگام تولید خودکار کد استفاده می شود.

نکته
از یک شناسه در یک سناریو استفاده نکنید که فقط در کاراکترهای بزرگ و کوچک مانند flagId و FlagID متفاوت باشد. این شناسه های مختلفی هستند که می توانند خطاهای ظریف ایجاد کنند.

در جدول 2.1 نمونه هایی از شناسه های معتبر و نامعتبر ارائه شده است.

معتبر	بی اعتبار
شمردن	2my
ایکس	جدید
ایکس	من
is_well	خوب است

جدول 2.1. مثالهای شناسایی جاوا اسکریپت

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

کلمات کلیدی و کلمات محفوظ

کلید واژه ها شناسه های از پیش تعریف شده ای هستند که هسته اصلی زبان JavaScript را تشکیل می دهند. این کلمات معنای خاصی دارند و عملکردهای خاصی را انجام می دهند. کلمات کلیدی را نمی توان برای شناسه کاربر استفاده کرد. در جدول 2.2 لیستی از کلمات کلیدی JavaScript است.

زنگ تفريح	دیگر	جدید	نوعی از
مورد	سرانجام	خالی	واری
گرفتن	برای	برگشت	خالی
ادامه هید	تابع	تعویض	در حالی که
پیش فرض	اگر	این	با
حذف	که در	پرت کردن
انجام دادن	به عنوان مثال از	تلاش كردن

جدول 2.2. کلمات کلیدی JavaScript

چکیده	انوموم	int	کوتاه
بول	صادرات	رابط	ایستا
بایت	گسترش می یابد	طولانی	فوق العاده
کاراکتر	نهایی	بومی	هماهنگ
کلاس	شناور	بسته	می اندازد
شرط بندی	قابل اعتماد و متخصص	خصوصی	گذرا
اشکال زدایی	پیاده سازی می کند	حفاظت شده	فرار
دو برابر	وارد كردن	عمومی

جدول 2.3. کلمات محفوظ JavaScript

ادبیات

ادبیاتاعداد یا رشته هایی هستند که برای نشان دادن مقادیر در JavaScript استفاده می شوند. اطلاعات می توانند بسیار متنوع باشند ، بنابراین معانی انواع مختلفی دارند. ساده ترین نوع داده ها در جاوا اسکریپت نامیده می شود انواع داده اصلی: اعداد ، رشته ها و مقادیر منطقی.

شماره های جاوا اسکریپت از دو نوع هستند: اعداد صحیح و عدد شناور. مقادیر علاقه می توانند مثبت باشند ، برای مثال 1 ، 2 ، 3 ، منفی ، به عنوان مثال -1 ، -2 ، -3 و برابر با صفر. علاوه بر این ، مقادیر عدد صحیح را می توان در نماد اعشاری ، اکتالی یا شش ضلعی بیان کرد.

اعداد با فرمت اعشاری می توانند شامل توالی ارقام از 0 تا 9 باشند که از صفر شروع نمی شوند.

اعداد در قالب اکتال می توانند شامل توالی ارقام از 0 تا 7 باشند که لزوما از صفر شروع می شود.

اعداد با فرمت شش ضلعی می توانند شامل توالی ارقام از 0 تا 9 و حروف از a تا f باشند که باید با 0 برابر شروع شوند.

نمونه هایی از نمایش اعداد صحیح را در قالب های مختلف در نظر بگیرید (جدول 2.4).

قالب اعشار	فرمت Octal	قالب شش ضلعی
45	055	0x2d
– 255	– 0377	- 0xff
10000000	046113200	× 9 989،680
10	012	0XA

جدول 2.4. مثالهای جالب

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

1.4142135623730950488016887242097 -35.0 4567.0002 3.4e100 -5.456e-3 0.007

جاوا اسکریپت از انواع داده های منطقی پشتیبانی می کند که می توانند فقط دو مقدار داشته باشند: true (true) و false (false). مقادیر منطقی (بولی) برای مقابله با شرایطی که بعداً در این فصل با آنها ملاقات خواهید کرد لازم است.

توجه!
کلمات کلیدی واقعی و نادرست باید با حروف کوچک وارد شوند.

متداول ترین نوع داده جاوا اسکریپت احتمالاً یک رشته است. خطیک مجموعه کاراکتر (احتمالاً خالی) است که به صورت تک یا دوتایی محصور شده است. از دو نوع علامت نقل قول استفاده می شود زیرا یک رشته می تواند دارای علامت های نقل قولی از نوع باشد. در زیر نمونه هایی از ادبیات رشته ای وجود دارد:

"خط متن" "روسیه!" "4567" "" "سیستم های عامل" "لوئیس کارول" آلیس در سرزمین عجایب ""

بعضی اوقات ممکن است لازم باشد که کامپیوتر از کاراکترهای خاص مانند زبانه ها یا فید های خط استفاده کند. برای درج هر نوع کاراکتر یونیکد در رشته ، باید کد آن را بعد از شخصیت خدمات \\ u در فرم \\ uXXXX وارد کنید. در جدول 2.5 رایج ترین کاراکترهای کنترل را ارائه می دهد.

دنباله کنترل	یونیکد	شرح	سمبل
\\ b	\\ u0008	بازگشت به یک موقعیت (فضای پشتی)
\\ t	\\ u0009	برگه افقی
\\ n	\\ u000A	فید خط (خط جدید)
\\ v	\\ u000B	برگه عمودی
\\ f	\\ u000C	خوراک صفحه
\\ r	\\ u000D	برگشت محموله
\»	\\ u0022	نقل قول مضاعف	»
\’	\\ u0027	نقل قول واحد	’
\\	\\ u005C	بک گراند	\

جدول 2.5. کاراکترهای کنترل

اغلب از نویسه های کنترل برای تراز کردن داده ها استفاده می شود (لیست 2.6).

لیست 2.6. تراز داده با کاراکترهای کنترل

کادر گفتگوی ایجاد شده با روش هشدار () به مرورگر بستگی دارد ، بنابراین ترازی در مرورگرهای مختلف متفاوت است. کد بالا با برنامه Microsoft Internet Explorer سازگار است (شکل 2.7).

شکل. 2.7 تراز با شخصیت های فرار

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

متغیرها

متغیر- این نامی است که به سلول حافظه رایانه اختصاص داده شده است و در حین اجرای اسکریپت داده های خاصی را ذخیره می کند. متغیرها دستکاری داده ها برای برنامه نویس را آسان تر می کنند.

نام متغیر یک شناسه است ، بنابراین ، از همان قوانین پیروی می کند.

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

Var myData1؛ var x، y، z؛ var k، msg1، msg2، IM؛

در فرآیند اعلام متغیر ، می توانید آن را اولیه کنید ، یعنی مقدار اولیه را برای آن تنظیم کنید:

Var myStr \u003d "سلام" ،؛ var k \u003d 1000 ، x \u003d 12 ، y \u003d –5؛ var s \u003d 1.34e-5، msg11 \u003d "خطا"، پرچم \u003d غلط؛

تا زمانی که یک متغیر مقدار دریافت نکند ، تعریف نشده است - تعریف نشده. برای تعیین نوع متغیر ، می توانید از نوع عمل استفاده کنید ، که یک رشته را با نوع متغیر برمی گرداند (لیست 2.7).

لیست 2.7. انواع داده ها

انواع داده ها

در کد بالا ، ما از روش document.write () برای نمایش اطلاعات استفاده کرده ایم که به ما امکان می دهد یک خط متن را مستقیماً به صفحه اضافه کنیم (شکل 2.8).

شکل. 2.8 انواع داده ها

برای نمایش متن ، مقادیر متغیرها و نوع آنها ، استدلال این روش یک عبارت نسبتاً پیچیده است. این عبارات در ادامه با جزئیات بیشتری توضیح داده می شود.

متغیرهای دامنه به جهانی و محلی تقسیم می شوند. متغیر اعلام شده در داخل یک تابع محلی است و فقط این تابع به مقدار آن دسترسی دارد. متغیرهای محلی به همراه عملکرد مربوطه ایجاد و نابود می شوند. متغیرهای جهانی توابع خارج اعلام می شوند. چنین متغیرهایی به توابع امکان تبادل داده ها را می دهند.

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

نمونه ای از اعلام و تنظیم مقادیر عناصر آرایه را در نظر بگیرید (لیست 2.8).

لیست 2.8. با آرایه کار کنید

لطفاً توجه داشته باشید که هنگام اعلام آرایه ، تعداد عناصر در پرانتزها نشان داده شده است ، و هنگام دسترسی به یک عنصر ، شاخص آن در براکت های مربع مشخص شده است. علاوه بر این ، شماره گذاری عناصر آرایه در JavaScript از ابتدا شروع می شود ، بنابراین عنصر ستاره ها اولین عنصر در آرایه خواهند بود.

جاوا اسکریپت امکان نمایش همه عناصر آرایه را فراهم می کند ، نه اینکه آنها را یکجا لیست کنید. برای این کار به خود آرایه بروید. نتیجه رشته ای است که در آن تمام عناصر آرایه با کاما ذکر شده اند (شکل 2.9).

شکل. 2.9 خروجی همه عناصر آرایه

مقادیر عناصر آرایه را می توان هنگام اعلام آرایه مشخص کرد. در این حالت ، لازم نیست تعداد عناصر موجود در آرایه را مشخص کنید (لیست 2.9).

لیست 2.9. اولیه سازی آرایه

ابعاد آرایه را می توان از دست داد ، زیرا جاوا اسکریپت نیازی به این کار ندارد. با افزودن داده ها می توان آرایه را گسترش داد. علاوه بر این ، شما می توانید یک مورد را با یک فهرست اعلام کنید نکه طول آرایه را به بیشتر می کند n + 1. با استفاده از خاصیت طول (لیست 2.10) می توانید طول آرایه را دریابید.

لیست 2.10. اندازه آرایه

با وجود اینکه در واقع 6 عنصر در آرایه وجود دارد ، طول آرایه 100 است (شکل 2.10).

شکل. 2.10 اندازه آرایه

اصطلاحات

اصطلاحاتعملوندهایی هستند که توسط عملیات ترکیب می شوند. معمولاً مقادیر و متغیرها مانند عملوند عمل می کنند ، اما عبارات دیگر نیز ظاهر می شوند. به عنوان مثال ، عبارات 4 + 6 دو مقدار را اضافه می کند و در نتیجه مقدار 10 را بیان می کند. و عبارت q \u003d 5 متغیر q را برابر با 5 قرار می دهد. دودویی. بعد ، عملیات موجود در JavaScript را در نظر بگیرید.

معاملات واگذاری

یک عملیات متداول ، عملیات واگذاری است. در ساده ترین حالت ، این عملیات یک مقدار را به متغیر اختصاص می دهد:

این عمل به طور همزمان برای چندین متغیر قابل استفاده است:

msg1 \u003d msg2 \u003d "سلام"

سایر عملیات واگذاری عبارتند از ترکیبی از عملیات واگذاری و عملیات حسابی یا بیتی (جدول 2.6).

جدول 2.6. عملیات واگذاری ترکیبی

عملیات حسابی

/ اضافه کردن یک علامت به علاوه (+) است. به عنوان مثال ، 5 + 7 \u003d 12.
/ تفریق - علامت منفی (-). به عنوان مثال ، 67 - 43 \u003d 24.
/ ضرب - ستاره (*). به عنوان مثال ، 2 * 2 \u003d 4.
/ تقسیم بریده (()) است. به عنوان مثال ، 45/5 \u003d 9.
/ باقیمانده تقسیم درصد (٪) است. به عنوان مثال ، 7٪ 5 \u003d 2.
/ عملیات حسابی برای کار با اعداد استفاده می شود.

در برنامه نویسی ، عملیات افزایش یا کاهش متغیر به یک بسیار متداول است (عملیات افزایش و کاهش). افزایش توسط دنباله نشان داده شده است ++ و کاهش به ترتیب — . برای مثال، من ++ جایگزینی برای بیان است من \u003d من + 1.

بین پیشوند و فرم پسوند این عملیات ها تمایز قائل شوید. در مورد عمل پیشوند ابتدا یک افزایش یا کاهش انجام می شود و سپس عبارت محاسبه می شود:

من \u003d 4
++ i * 2 \u003d 10

اگر از عمل پس از استفاده استفاده شود ، ابتدا عبارت محاسبه می شود ، و سپس متغیر افزایش یافته یا کاهش می یابد:

من \u003d 4
من ++ * 2 \u003d 8

لیست 2.11 نحوه کار با عملیات حسابی را نشان می دهد.

لیست 2.11. عملیات حسابی

عملیات حسابی

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

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

شکل. 2.11 عملیات حسابی

عملیات مقایسه

عملیات مقایسه برای مطابقت با عملوندها استفاده می شود. در این عملیات ، اپرندها نه تنها می توانند تعداد ، بلکه رشته ها ، مقادیر منطقی و اشیاء باشند. در جدول 2.7 کلیه عملیات مقایسه را ارائه می دهد.

جدول 2.7. عملیات مقایسه

لیست 2.12 کدی را نشان می دهد که از عملیات مقایسه استفاده می کند.

لیست 2.12. عملیات مقایسه

عملیات مقایسه

کد بالا متغیرها را مقایسه می کند من \u003d 5 و m2 \u003d "5. آنها برابر ، اما یکسان در نظر گرفته نمی شوند (شکل 2.12).

شکل. 2.12 عملیات مقایسه

عملیات رشته

همانطور که قبلاً نیز گفته شد ، رشته ها را می توان با یکدیگر مقایسه کرد. علاوه بر این ، آنها می توانند با استفاده از عملیات جمع بندی ترکیب شوند. (+) که ما بیش از یک بار انجام داده ایم برای مثال:

S1 \u003d "سلام"؛ S2 \u003d "،"؛ S3 \u003d "جهان!"؛ S \u003d S1 + S2 + "" + S3؛

در نتیجه متغیر س شامل رشته "سلام جهان!" خواهد بود.

با تشکر از ریخته گری خودکار ، می توانید اعداد و رشته ها را ترکیب کنید:

"سال" + 2008 \u003d "سال 2008"

عملیات منطقی

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

منطقی و عملیاتی (&&) برمی گردد درست است، واقعیفقط در صورت صحت هر دو عملوند برای مثال، (12) .

عملکرد منطقی یا عملی (||) برمی گردد درست است، واقعیاگر حداقل یک عملوند صادق باشد. برای مثال، (22) .

عملکرد منطقی نیست (!) unary است و مقدار یک مقدار منطقی را برعکس می کند.

عملیات شرطی

جاوا اسکریپت عملیاتی دارد ?: ، که بسته به شرایط مقدار متغیر را اختصاص می دهد. مثال زیر را در نظر بگیرید:

var sign \u003d (a\u003e \u003d 0)؟ "مثبت منفی"؛

نتیجه عبارت قبل از علامت سؤال بر مقدار متغیر تأثیر می گذارد: اگر مقدار صحیح باشد ، عبارت قبل از کولون محاسبه می شود ، اگر غلط باشد ، پس از آن بیان بعد از کولون مشخص می شود. در مورد ما ، اگر متغیر a از بزرگتر یا مساوی باشد 0 متغیر امضا کردنمقدار "مثبت" را می گیرد ، در غیر این صورت - مقدار "منفی".

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

شرایط و چرخه ها

مکانیسم های انشعاب برای تغییر ترتیب اجرای کد در JavaScript وجود دارد (اگر و اظهارات سوئیچ)به شما امکان می دهد بسته به شرایط ، یکی از اقدامات جایگزین را انتخاب کنید. برای اجرای مکرر کد ، از عملگرهای حلقه استفاده می شود. (در حالی که ، و انجام دهید). حلقه ها همچنین برای دستکاری آرایه ها مناسب هستند.

اگر بیانیه

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

اگر (بیان بولی) (عملگرها)

اصطلاح منطقی ابتدا محاسبه می شود ، پس اگر برابر باشد درست است، واقعی، اظهارات اجرا می شود؛ اگر برابر باشد نادرست، سپس اپراتورها پرش می شوند و اسکریپت همچنان اجرا می شود.

یک نمونه را در نظر بگیرید. بیایید عملکرد را بگوییم f (x) به شرح زیر تعریف شده است:

X + 10 ، در x< 0 f(x)= x2 + 4, при 0 ≤ x ≤ 5 5 / x, при x > 5

برای تعیین مقدار این عملکرد در یک نقطه خاص می توانید از کد موجود در لیست 2.13 استفاده کنید.

لیست 2.13. نمونه ای از عبارت if

اگر .. بیانیه دیگر

استفاده از فرم کامل یک جمله شرطی اغلب راحت است. با استفاده از این اپراتور می توانید اقداماتی را انجام دهید که در صورت برابر بودن عبارت منطقی انجام شود نادرست:

اگر (بیان بولی) (عملگرها 1) موارد دیگر (عملگرها2)

علاوه بر این ، می توان ترکیب کرد دیگربا یک اپراتور دیگر اگر. در این حالت ، می توانید چندین گزینه جایگزین را در نظر بگیرید و اپراتورهای مربوطه را اجرا کنید:

اگر (بیان بولی 1) (اپراتورها 1) دیگری اگر (بیان بولی 2) (عملگرها 2) دیگری (اپراتورها 3)

ما اسکریپت قبلی را بازنویسی می کنیم تا عملکرد را با استفاده از عملگر if..else تعریف کنیم (لیست 2.14).

لیست 2.14. نمونه ای از جمله if..else

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

بیانیه تغییر دهید

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

سوئیچ (بیان) (مقدار مورد 1: بیانیه مقدار مورد 2: اظهارات .. پیش فرض: بیانیه)

فرض کنید می خواهید یک اسکریپت بسازید که اسامی حیوانات را از انگلیسی ترجمه کند (لیست 2.15).

لیست 2.15

این کد به شما امکان می دهد تا یکی از سه نام حیوانات را ترجمه کنید (شکل 2.13).

شکل. 2.13 نتیجه عبارت سوئیچ

به عبارت break توجه داشته باشید که عبارت switch را خاتمه می دهد. در غیر این صورت ، کد باقی مانده بدون توجه به مقدار متغیر ، در بیانیه سوییچ اجرا می شود.

عبارت for برای ایجاد یک حلقه استفاده می شود. این عبارت دارای نحوی زیر است:

برای (بیان اولیه ، بیان شرایط ؛ بیان حلقه) (عملگرها)

یک عبارت اولیه برای تنظیم مقدار اولیه پیشخوان حلقه است. عبارت شرط حلقه را هنگام ارزیابی به غلط خاتمه می دهد. یک عبارت حلقه معمولاً یک شمارنده حلقه را افزایش یا کاهش می دهد. هر یک از این عبارات را نمی توان حذف کرد ، اما باید جمع و جور مربوطه قرار داده شود.

لیست 2.16 کد را برای یافتن فاکتوریل n نشان می دهد! \u003d 1 ∙ 2 ∙ 3 \u200b\u200b∙ ... ... ∙ n با استفاده از حلقه for.

لیست 2.16. با استفاده از جمله برای پیدا کردن یک کارخانه

در این کد چرخه ای از 1 تا x ترتیب داده می شود ، در حالی که برای سادگی ، مقدار وارد شده برای اعتبار را بررسی نمی کند. براین اساس ، مثلاً می توانید مقدار Infinity (بی نهایت) را با مقدار زیادی x بدست آورید.

جمله در حالی که شبیه به جمله است ، اما پیشخوان را در اعلامیه خود آغاز نمی کند. نحو این جمله به شرح زیر است:

در حالی که (بیان شرط) (عملگرها)

اگر بیان شرط در حلقه در حالی نادرست باشد ، هیچ وقت اظهارات اجرا نمی شوند.
لیست 2.17 کد را برای یافتن فاکتوریل با استفاده از یک حلقه مد نشان می دهد.

لیست 2.17 با استفاده از جمله زمانی ، یک کارخانه پیدا کنید

انجام .. در حالی که حلقه

جمله do..time تقریباً با جمله موقتی یکسان است. با این حال ، در این بیانیه شرط در پایان بررسی می شود ، بنابراین حداقل یک بار اجرای اپراتورها را بدون توجه به حقیقت شرط تضمین می کند:

انجام (اظهارات) در حالی که (بیان شرط)

لیست 2.18 کد را برای یافتن فاکتوریل با استفاده از حلقه do..time نشان می دهد.

لیست 2.18. یافتن فاکتوریل با استفاده از عملگر do..time

برای .. در حلقه

حلقه for..in به شما امکان می دهد تقریباً برای هر خاصیت یک شی عبارات را اجرا کنید. نحو این جمله به شرح زیر است:

برای (اموال در مورد) (اپراتورها)

به عنوان مثال ، با استفاده از این عملگر ، می توانید تمام عناصر یک آرایه را افزایش دهید (لیست 2.19).

لیست 2.19. با استفاده از عملگر for..in

در نتیجه اجرای این کد ، تمام عناصر آرایه a به 1 افزایش می یابد (شکل 2.14).

شکل. 2.14 عناصر آرایه افزایش

اظهارات را بشکنید و ادامه دهید

بعضی اوقات در حین اجرای یک چرخه ، لازم است کل چرخه یا یکی از تکرارهای آن قطع شود. بیانیه های استراحت و ادامه برای این منظور استفاده می شود. عبارت break به طور کامل اجرای حلقه را متوقف می کند و کنترل را به عبارات زیر حلقه منتقل می کند. عبارت ادامه عملکرد حلقه فعلی را قطع می کند و به مرحله حلقه بعدی ادامه می یابد. تفاوت در نحوه عملکرد این اپراتورها در لیست 2.20 نشان داده شده است.

لیست 2.20. با استفاده از عبارات خروج حلقه

این کد به شما امکان می دهد تا مقدار عدد و عناصر آرایه ورودی را توسط کاربر تعیین کنید. علاوه بر این ، در بین عناصر این آرایه ممکن است صفر وجود داشته باشد ، بنابراین لازم است که یک قطعه "-" در عنصر آرایه با نتیجه b وارد کنید. نتیجه پردازش کد در این حالت که در شکل مشاهده می کنید. 2.15

شکل. 2.15 با استفاده از عبارات خروج حلقه

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

جاوا اسکریپت آن را! - یک برنامه خوب برای ایجاد جلوه های خوب در JavaScript. با استفاده از این برنامه شما به وضوح زندگی خود را هنگام ایجاد سایت آسان تر می کنید. در اصل ، برای افرادی که خیلی تنبل هستند در نظر گرفته شده است که خودشان اسکریپت ها و به طور کلی هر چیزی را در جاوا اسکریپت بنویسند. البته ، هنگامی که او آن را ایجاد کرد ، او روی مبتدیان متمرکز شد ، اگرچه برای کار با آن ، شما هنوز هم نیاز به حداقل دانش HTML دارید.

جاوا اسکریپت چیست؟

JavaScript یک زبان برنامه نویسی اسکریپتینگ شی گرا است که برای ایجاد صفحات فعال HTML طراحی شده است. با "فعال" در اینجا منظور ما صفحات HTML است که میزبان انواع عناصر وب به صورت پویا در حال تغییر است ، به عنوان مثال:

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

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

مانند هر زبان برنامه نویسی دیگر ، جاوا اسکریپت حاوی مفاهیمی مانند متغیرها ، آرایه ها ، محاسبات حساب منطقی و غیره است. و غیره. آن با استفاده از JavaScript ، می توانید محاسبات پیچیده ای را انجام داده ، مقادیر زیادی از داده ها و موارد دیگر را مدیریت کنید که خارج از میدان دید بازدید کننده سایت است.

با این وجود که JavaScript یک زبان برنامه نویسی شی گرا است ، فرصت های بیشتری برای برنامه نویس باز می شود ، اما این موضوع در اینجا مورد بررسی قرار نمی گیرد.

یادگیری JavaScript از طریق Java Script It!

یکی از دلایل اصلی محبوبیت بالای JavaScript در بین برنامه نویسان وب مبتدی ، در اختیار داشتن این زبان برنامه نویسی ، به اصطلاح "آستانه ورود کم" است. آن برای یادگیری آن ، دانش پایه HTML و زبان نشانه گذاری CSS کافی است.

جاوا اسکریپت آن را! ابزاری برای درج سریع انواع عناصر وب آماده که به زبان جاوا اسکریپت در یک صفحه HTML قرار دارند فراهم می کند. کلیه اقلام موجود به 3 دسته تقسیم می شود:

1. اپلت ها - عناصری که عملکردهای مستقل دارند: بنر ، متن متحرک ، تصویر متحرک و غیره.
2. اسکریپت ها - در اصل ، عناصر وب محور کاربر در اینجا ارائه می شوند: فرم هایی برای وارد کردن متن توسط ماسک (تاریخ ها ، گذرواژها و غیره) ، بلوک هایی که به شما امکان می دهند نمایش اسلایدها را با پیمایش خودکار تصاویر ، دکمه های مختلف سیستم (برای مثال ، برای باز کردن) ایجاد کنید. جعبه گفتگو برای بارگذاری پرونده ها در سایت).
3. و DHTML انواع عناصر تعاملی متشکل از نشانه گذاری HTML ، جداول CSS آبشار و اسکریپت های جاوا اسکریپت (به عنوان مثال ، منوهای کشویی یا پنجره ها و فرم های بازشو) است.

هر یک از موارد موجود تنظیمات خاص خود را دارد. برای سادگی و راحتی در ورودی / تغییر آنها فرم ویژه ای ارائه شده است.

کد JavaScript را با جاوا اسکریپت آن چسب کنید به نظر می رسد:

• کاربر یک فایل .htm یا html را بر روی دیسک ایجاد می کند. همچنین می توانید از یک فایل HTML آماده و پر از کد استفاده کنید.
• بعد ، یکی از عناصر وب موجود انتخاب می شود ، پس از آن - یک فرم با تنظیمات آن پر می شود (برای مثال ، ابعاد کلی ، نام موارد فهرست و غیره).
• کد جاوا اسکریپت تولید شده در پرونده HTML در موقعیت مورد نظر کاربر قرار می گیرد (این کار به صورت تنظیمات عنصر وب انجام می شود).
• انجام شده.

در جاوا اسکریپت آن! افزونه داخلی مرورگر استاندارد Windows Internet Explorer ، یعنی. نتیجه کار بلافاصله پس از پایان کار تنظیم عنصر وب نمایش داده می شود. می توانید نتیجه را در هر مرورگر دیگری مشاهده کنید ، که برای آن کافی است فایل HTML ایجاد شده / ویرایش شده را در آن باز کنید.

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

البته Java Script It! همچنین می توانید از آن برای پر کردن صفحات وب با عناصر فعال مختلف استفاده کنید ، اما به دلیل منسوخ بودن برنامه ، برای آشنایی با اصول برنامه نویسی در JavaScript مناسب تر است.