مشاوره رایگان

ورود عضویت کسب درآمد

سبد خرید شما 0

دریافت لینک های دانلود دریافت پستی درب منزل مبلغ کل: تومان

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

مفهوم شی گرایی در جاوا اسکریپت - آشنایی با اشیاء در جاوا اسکریپت

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

JavaScript یک زبان برنامه نویسی شیء گرا می باشد. یک زبان برنامه نویسی وقتی شیء گرا نامیده می شود که 4 توانمندی اصلی را برای توسعه دهندگان فراهم نماید:

کپسوله سازی (Encapsulation) : توانایی برای ذخیره کردن اطلاعات مرتبط ، چه داده ها و چه متدها با یکدیگر در یک شیء.
تجمیع (Aggregation) : توانایی برای ذخیره کردن یک شیء در داخل شیء دیگر.
ارث بری (Inheritance) : توانایی یک کلاس بر تکیه بر خصیصه ها و متدهای کلاس دیگر (یا چند کلاس دیگر)
چند ریختی (Polymorphism) : توانایی نوشتن یک تابع یا متد به صورتی که بتواند به روش های گوناگونی کار کند.

اشیاء (Objects) از صفت ها تشکیل شده اند. اگر یک صفت شامل یک تابع باشد ، آن صفت به عنوان یک متد (method) از شیء مدنظر قرار می گیرد ، در غیر این صورت صفت به عنوان یک خصیصه (property) لحاظ می شود.

خصیصه های اشیاء

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

قاعده نوشتاری (syntax) برای افزودن یک خصیصه به یک شیء به صورت زیر می باشد:

objectName.objectProperty = propertyValue;

مثال : کد زیر نام سند را با استفاده از خصیصه “title” از شیء document دریافت می کند:

var str = document.title;

متدهای شیء

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

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

مثال : مثال ساده زیر ، نحوه استفاده از متد ()write از شیء document را برای نوشتن هر نوع محتوایی در سند ، نشان می دهد.

document.write("This is test");

اشیاء User-Defined

تمام اشیاء user-defined (تعریف شده توسط کاربر) و اشیاء built-in (داخلی) از نسل یک شیء می باشند که Object نامیده می شوند.

اپراتور new

اپراتور new برای ایجاد یک نمونه از یک شیء به کار می رود. برای ایجاد یک شیء ، اپراتور new قبل از متد constructor (سازنده) آورده می شود.

در مثال زیر ، متدهای constructor عبارتند از ()Object() ، Array و ()Date. این متدهای constructor جزء توابع داخلی جاوا اسکریپت می باشند.

var employee = new Object();
var books = new Array("C++", "Perl", "Java");
var day = new Date("August 15, 1947");

متد سازنده ()Object

یک constructor ، تابعی است که یک شیء را ایجاد کرده و مقداردهی اولیه می کند. JavaScript یک تابع constructor جداگانه به نام ()Object برای ساخت یک شیء فراهم می نماید. مقدار بازگشتی ()Objectبه یک متغیر تخصیص می یابد.

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

مثال 1

مثال زیر را امتحان نمایید. این مثال نحوه ایجاد یک شیء را نشان می دهد:

<html>
   <head>
      <title>User-defined objects</title>
      
      <script type="text/javascript">
         var book = new Object();   // Create the object
         book.subject = "Perl"; // Assign properties to the object
         book.author  = "Mohtashim";
      </script>
      
   </head>
   
   <body>
   
      <script type="text/javascript">
         document.write("Book name is : " + book.subject + "<br>");
         document.write("Book author is : " + book.author + "<br>");
      </script>
   
   </body>
</html>

خروجی

Book name is : Perl 
Book author is : Mohtashim

مثال 2

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

<html>
   <head>
   
   <title>User-defined objects</title>
   
      <script type="text/javascript">
         function book(title, author){
            this.title = title; 
            this.author  = author;
         }
      </script>
      
   </head>
   <body>
   
      <script type="text/javascript">
         var myBook = new book("Perl", "Mohtashim");
         document.write("Book title is : " + myBook.title + "<br>");
         document.write("Book author is : " + myBook.author + "<br>");
      </script>
      
   </body>
</html>

خروجی

Book title is : Perl 
Book author is : Mohtashim

تعریف کردن متدها برای یک شیء

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

مثال

مثال زیر را امتحان نمایید؛ این مثال نحوه افزودن یک تابع همراه با یک شیء را نشان می دهد.

<html>
   <head>
   <title>User-defined objects</title>
   
      <script type="text/javascript">
         // Define a function which will work as a method
         function addPrice(amount){
            this.price = amount; 
         }
         
         function book(title, author){
            this.title = title;
            this.author  = author;
            this.addPrice = addPrice; // Assign that method as property.
         }
      </script>
      
   </head>
   <body>
   
      <script type="text/javascript">
         var myBook = new book("Perl", "Mohtashim");
         myBook.addPrice(100);
         
         document.write("Book title is : " + myBook.title + "<br>");
         document.write("Book author is : " + myBook.author + "<br>");
         document.write("Book price is : " + myBook.price + "<br>");
      </script>
      
   </body>
</html>

خروجی

Book title is : Perl 
Book author is : Mohtashim 
Book price is : 100

کلمه کلیدی ‘with’

کلمه کلیدی ‘with’ به عنوان یک اختصار برای ارجاع به خصیصه ها یا متدهای یک شیء مورد استفاده قرار می گیرد.

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

Syntax

قاعده نوشتاری برای شیء with به صورت زیر می باشد:

with (object){
   properties used without the object name and dot
}

مثال

مثال زیر را امتحان نمایید:

<html>
   <head>
   <title>User-defined objects</title>
   
      <script type="text/javascript">
         // Define a function which will work as a method
         function addPrice(amount){
            with(this){
               price = amount;
            }
         }
         
         function book(title, author){
            this.title = title;
            this.author  = author;
            this.price = 0;
            this.addPrice = addPrice; // Assign that method as property.
         }
      </script>
      
   </head>
   <body>
   
      <script type="text/javascript">
         var myBook = new book("Perl", "Mohtashim");
         myBook.addPrice(100);
         
         document.write("Book title is : " + myBook.title + "<br>");
         document.write("Book author is : " + myBook.author + "<br>");
         document.write("Book price is : " + myBook.price + "<br>");
      </script>
      
   </body>
</html>

خروجی

Book title is : Perl 
Book author is : Mohtashim 
Book price is : 100

اشیاء بومی جاوا اسکریپت

JavaScript چندین شیء بومی (native) یا داخلی (built-in) دارد. این اشیاء در هر نقطه از برنامه قابل دسترسی هستند و در هر مرورگری که بر روی هر نوع سیستم عاملی کار می کند ، عملکرد یکسانی دارند.

در اینجا ، فهرستی از تمام اشیاء بومی جاوا اسکریپت مهم آورده شده است:

JavaScript Number Object
JavaScript Boolean Object
JavaScript String Object
JavaScript Array Object
JavaScript Date Object
JavaScript Math Object
JavaScript RegExp Object

پکیج های آموزشی جدید

آموزش ساخت ادیتور Html

فصلِ: 1 , تعداد قسمت ها: 4 , سطح: صفر تا صد

موضوعات: آموزش HTML5 آموزش JAVASCRIPT

این فصل در یک نگاه:

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

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

طراحی و برنامه نویسی وب

برنامه نویسی موبایل

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

سایر

مفهوم شی گرایی در جاوا اسکریپت - آشنایی با اشیاء در جاوا اسکریپت

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

خصیصه های اشیاء

متدهای شیء

اشیاء User-Defined

اپراتور new

متد سازنده ()Object

مثال 1

تعریف کردن متدها برای یک شیء

آیا نیاز به مدرک هم دارید؟