Info@Afragraphic.ir
0912 22 460 22
خدمات و مطالب آموزشی

اشیاء جاوا اسکریپت | آموزش جاوا اسکریپت | طراحی سایت

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

در این بخش از آموزشهای طراحی سایت به چند اپراتور ویژه در جاوااسکریپت میپردازیم.

اشیاء جاوا اسکریپت :

اشیاء زندگی واقعی ، خصوصیت ها، و متد
 

با توجه به اینکه در قسمت های قبل  درباره انواع داده ها و اشیاء صحبت کردیم می دانید که اشیا نیز نوعی متغیر هستند، با این وجود که شی می تواند چندین مقدار متعدد را در خود نگه دارد. مقادیر به صورت جفت های  name : value (اسم : مقدار) نوشته می شوند.

خواص شی :

 

اسمی که به عنوان یک ظرف برای ذخیره ی مقدار عمل می کند، property  (خاصیت) نامیده می شود.

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Property

Property Value

firstName

John

lastName

Doe

age

50

eyeColor

blue

 

متد های  شی :
متد ها عملیاتی هستند که می توان روی اشیا اجرا کرد
object method (تابع شی) یک object property (خصوصیت شی) است که دربردارنده ی تعریف تابع
می باشد.
 

Property

Property Value

firstName

John

lastName

Doe

age

50

eyeColor

blue

fullName

function() {return this.firstName + " " + this.lastName;}

 

توجه: اشیا (در زبان جاوا اسکریپت) در واقع ظرف هایی برای نگهداری مقادیر نام گذاری شده به نام
 property ها وmethod ها هستند.
 
تعریف شی    :

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

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

مثال :

 

<body>

    <p>Creating a JavaScript Object.</p>

    <p id="demo"></p>

    <script>

        var person = {

        firstName : "John",

        lastName  : "Doe",

        age       : 50,

        eyeColor  : "blue"

      };

        document.getElementById("demo").innerHTML =

        person.firstName + " is " + person.age + " years old.";

     </script>

</body>

خروجی  :

Creating a JavaScript Object.

John is 50 years old.

دسترسی به خواص شی :
شما می توانید به خواص شی از دو روش دسترسی داشته باشید
 

objectName.propertyName یا objectName["propertyName"]

مثال 1 :

از طریق  person.lastName :

<p id="demo"></p>

 

<script>

var person = {

    firstName: "John",

    lastName : "Doe",

    id       :  5566

};

document.getElementById("demo").innerHTML =

person.firstName + " " + person.lastName;

</script>

خروجی  : John Doe

مثال 2 :

از طریق  ["person["lastName :

<p id="demo"></p>

<script>

var person = {

    firstName: "John",

    lastName : "Doe",

    id       :  5566

};

document.getElementById("demo").innerHTML =

person["firstName"] + " " + person["lastName"];

</script>

خروجی  : John Doe

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

objectName.methodName() ;

مثال :

 

<p id="demo"></p>

<script>

var person = {

    firstName: "John",

    lastName : "Doe",

    id       : 5566,

    fullName : function() {

       return this.firstName + " " + this.lastName;

    }

};

document.getElementById("demo").innerHTML = person.fullName();

</script>

خروجی  : John Doe

همچنین شما میتونین دسترسی داشته باشید به fullName  بدون گذاشتن () به صورت زیر :

name = person.fullName;

مثال :

<p id="demo"></p>

<script>

var person = {

    firstName: "John",

    lastName : "Doe",

    id       : 5566,

    fullName : function() {

       return this.firstName + " " + this.lastName;

    }

};

document.getElementById("demo").innerHTML = person.fullName;

</script>

 

پایان قسمت هشتم

منابع : http://www.w3schools.com/js/js_objects.asp

کانون تبلیغاتی افراگرافیک

 آدرس: تهران-میدان انقلاب-خ آزادی-خ اسکندری-نبش کلهر-دفتر افرا گرافیک

66912056  66562677 66120698   09122246022

http://afragraphic.ir

info@afragraphic.ir

https://telegram.me/afragraphic_ir

http://instagram.com/afragraphic1390

http://facebook.com/AfraGraphic

http://plus.google.com/104048725792771050756

http://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ

http://twitter.com/afragraphic

http://ir.linkedin.com/in/afragraphic

http://aparat.com/afragraphic

http://Telegram.me/afragraphic_ir

http://cloob.com/name/afragraphic

 

 

نظــرات شما

نام :
وب سایت :
ایمیل :
پیغام :  

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