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

4 سال پیش

امتیاز دهید post

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

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

جاوا اسکریپت یک زبان برنامه نویسی شی گرا (OOP) است. اگر یک زبان برنامه نویسی چهار قابلیت اساسی در اختیار توسعه دهندگان قرار دهد، می تواند شی گرا باشد –

Encapsulation – قابلیت ذخیره سازی اطلاعات مرتبط ، اعم از داده یا روش ، با هم در یک شی.
Aggregation – قابلیت ذخیره سازی یک شی در داخل یک شی دیگر.
Aggregation– توانایی یک کلاس برای اعتماد به کلاس دیگر (یا تعداد کلاس) برای برخی از خصوصیات و روش های آن.
Polymorphism – قابلیت نوشتن یک عملکرد یا روش که به روش های مختلف کار می کند.

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

ویژگی های شی

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

نحو افزودن ویژگی به یک شی به صورت زیر می باشد.

objectName.objectProperty = propertyValue;

1	objectName.objectProperty = propertyValue;

به عنوان مثال – کد زیر عنوان سند را با استفاده از ویژگی “title” شی document دریافت می کند.

var str = document.title;

1	var str = document.title;

متدهای شی

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

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

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

document.write("This is test");

1	document.write("This is test");

اشیا-تعریف شده توسط کاربر

همه اشیا تعریف شده توسط کاربر و اشیا داخلی از فرزندان شیئی به نام Object هستند.

عملگر جدید

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

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

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

var employee = new Object();

var books = new Array("C++", "Perl", "Java");

var day = new Date("August 15, 1947");

سازنده ()Object

سازنده تابعی است که یک شی را ایجاد و مقداردهی اولیه می کند. جاوا اسکریپت یک تابع سازنده ویژه به نام ()Object برای ساختن شی ارائه می دهد. مقدار برگشتی سازنده ()Object به یک متغیر اختصاص می یابد.

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

مثال 1

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

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

<html>

<head>

<title>User-defined objects</title>

var book = new Object(); // Create the object

book.subject = "Perl"; // Assign properties to the object

book.author = "Mohtashim";

</script>

</head>

<body>

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

1 2	Book name is : Perl Book author is : Mohtashim

مثال 2

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

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

<html>

<head>

<title>User-defined objects</title>

function book(title, author) {

this.title = title;

this.author = author;

}

</script>

</head>

<body>

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

1 2	Book title is : Perl Book author is : Mohtashim

تعریف متد ها برای یک شی
مثالهای قبلی نشان می دهد که سازنده چگونه شی tرا ایجاد می کند و خصوصیاتی را به آن اختصاص می دهد. اما لازم است تعریف شی را با اختصاص روش به آن کامل کنیم.

مثال

مثال زیر را امتحان کنید. این نشان می دهد که چگونه می توان یک تابع را به همراه یک شی اضافه کرد.

&lt;html&gt;
   
   &lt;head&gt;
   &lt;title&gt;User-defined objects&lt;/title&gt;
      &lt;script type = "text/javascript"&gt;
         // 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.
         }
      &lt;/script&gt;      
   &lt;/head&gt;
   
   &lt;body&gt;   
      &lt;script type = "text/javascript"&gt;
         var myBook = new book("Perl", "Mohtashim");
         myBook.addPrice(100);
         
         document.write("Book title is : " + myBook.title + "&lt;br&gt;");
         document.write("Book author is : " + myBook.author + "&lt;br&gt;");
         document.write("Book price is : " + myBook.price + "&lt;br&gt;");
      &lt;/script&gt;      
   &lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<title>User-defined objects</title>

// 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>

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

Book title is : Perl

Book author is : Mohtashim

Book price is : 100

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

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

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

نحو

نحو شی ‘with’ به شرح زیر است –

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

with (object) {

properties used without the object name and dot

}

مثال

مثال زیر را امتحان کنید.

&lt;html&gt;
   &lt;head&gt;
   &lt;title&gt;User-defined objects&lt;/title&gt;   
      &lt;script type = "text/javascript"&gt;
         // 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.
         }
      &lt;/script&gt;      
   &lt;/head&gt;
   
   &lt;body&gt;   
      &lt;script type = "text/javascript"&gt;
         var myBook = new book("Perl", "Mohtashim");
         myBook.addPrice(100);
         
         document.write("Book title is : " + myBook.title + "&lt;br&gt;");
         document.write("Book author is : " + myBook.author + "&lt;br&gt;");
         document.write("Book price is : " + myBook.price + "&lt;br&gt;");
      &lt;/script&gt;      
   &lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<title>User-defined objects</title>

// 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>

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

Book title is : Perl

Book author is : Mohtashim

Book price is : 100

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

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

منبع.

لیست جلسات قبل آموزش جاوا اسکریپت

امتیاز دهید post

نویسنده مطلب saber

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

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

ویژگی های شی

متدهای شی

اشیا-تعریف شده توسط کاربر

عملگر جدید

سازنده ()Object

مثال 1

خروجی

مثال 2

خروجی

مثال

خروجی

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

نحو

مثال

خروجی

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

لیست جلسات قبل آموزش جاوا اسکریپت

دیدگاه شما

بدون دیدگاه

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

ویژگی های شی

متدهای شی

اشیا-تعریف شده توسط کاربر

عملگر جدید

سازنده ()Object

مثال 1

خروجی

مثال 2

خروجی

مثال

خروجی

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

نحو

مثال

خروجی

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

لیست جلسات قبل آموزش جاوا اسکریپت

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه