آموزش شی گرایی در جاوا اسکریپت به همراه معرفی کلاس ها
جلسات دوره
مهدی عباسی
مهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و .... مشاهده رزومه
شی گرایی در زبان برنامه نویسی جاوا اسکریپت
در این درس با مفاهیم شی گرایی در زبان جاوا اسکریپت آشنا می شویم:
-
مبانی برنامه نویسی شیگرا (OOP)
-
تعریف کلاس و اعضای آن در جاوا اسکریپت
-
کپسوله سازی Encapsulation
-
تجمع Aggregation
-
ارث بری Inheritance
تعریف کلاس و اعضای آن در جاوا اسکریپت
class نام کلاس{
}
برای تعریف اعضای کلاس از یک متد آماده با نام constructor استفاده میکنیم، این متد آماده اولین تابع هایی هستد که داخل کلاس اجرا میشوند. در واقع در کلاس ها برای تعریف متد(تابع) نیازی به function نداریم.
constructor(){
}
برای مثال ما یک کلاس با نام person برای توضیحات بیشتر برای شما ایجاد میکنیم.
class Person{
constructor(){
}
}
با استفاده از کلمه کلیدی This، صفتها را به تعریف کرده که دارای مقدار ثابت هستند.
class Person{
constructor(){
this.name="darsman"
this.family=".com"
this.age=5
}
fun1()
{
alert("Hello")
}
}
در گام بعدی ما میتوانیم در کلاس از تابع ها استفاده کنیم، به این صورت که نیازی به کلمه کلیدی function نیست.
نام تابع(){
}
fun1 () {
alert ("Hello");
}
حال در خارج از محدوده کلاس یک شی با هر نامی از کلاس person ایجاد میکنیم.
var نام متغییر=new نام کلاس();
مثال:
ver p1=new Person();
console.log ( نام شی ساخته شده.نام اعضای کلاس );
console.log (p1.name);
class Person {
constructor (نام متغییر,f , a){
this.name=n
this.family=f
this.age=a
}
fun1()
{
alert("Hello")
}
}
در زمان ایجاد شی از این کلاس ، متغییرهای n,f,a را دریافت میکند. و بجای اعضای این کلاس قرار میدهد.
var p1=new Person("darsman",".com",10);
console.log(p1.name);
class Person{
fun1()
{
alert("Hello"+ this.name)
}
}
var p1=new Person("darsman",".com",10);
p1.fun1();
var p2=new Person("ali","mohammadi",12)
p2.fun1();
ارث بری Inheritance:
class نام کلاس extends نام کلاسوالد{
constructor(){
}
}
برای مثال دو کلاس دیگر با نام student و teacher ایجاد میکنیم. و آنها را با کلاس person که در بالا ایجاد کردیم ارتباط میدهیم که به اطلاعات کلاس person دسترسی پیدا کند.
class student extends person{
constructor(){
this.studentid=120
}
}
class teacher extends person{
constructor(){
this.teachercode=150
}
}
class student extends person{
constructor(){
super(“darsman”,”.com”,12)
this.studentid=120
}
}
class teacher extends person{
constructor(){
super(“java”,”script”,10)
this.teachercode=150
}
}
نظر شما در تصمیم دیگران اثرگذار است.
لطفا برای همراهان درسمن و بهتر شدن دوره نظر خود را بنویسید.