javascript面向對象編程概念簡單介紹
關于面向對象這個術語,大家應該都不陌生了,鋪天蓋地都是。
但是很多朋友還是不太明白到底什么是面向對象的編程,下面就用通俗的語言做一下介紹。
面向對象簡單的說就是將功能封裝到對象里,強調的是具備某種功能的對象。
面向過程強調的是具體的功能實現,第一步干什么,第二個步干什么。
先看一個簡單的代碼實例:
var antzone = {
webName:"實例",
getName:function(){
console.log(this.webName)
}
}
person.getName();
下面介紹一下面向對象編程的常見方式:
一.工廠模式:
function createAntzone(webName,age,url){
var o=new Object();
o.webName=webName;
o.age=age;
o.url=url;
o.getName=function(){
console.log(this.name);
}
}
var antzone=createAntzone('實例',4,"實例3");
二.構造函數模式:
function Antzone(){}
Antzone.prototype.webName = "實例";
Antzone.prototype.age = 4;
Antzone.prototype.url = "實例3";
Antzone.prototype.getName = function () {
console.log(this.webName);
};
var antzone=new Antzone();
antzone.getName();
聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至201542412@QQ.com舉報,一經查實,本站將立刻刪除。
相關推薦
-
javascript面向對象編程的非構造函數的繼承
關于面向對象的封裝可以參閱jvscrit面向對象編程關于封裝簡單介紹一章節。關于非構造函數的繼承可以參閱jvscrit面向對象編程的構造函數的繼承一章節。一.什么是非構造函數的繼承:比
-
javascript面向對象編程的構造函數的繼承
關于面向對象的封裝可以參閱jvscrit面向對象編程關于封裝簡單介紹一章節。關于非構造函數的繼承可以參閱jvscrit面向對象編程的非構造函數的繼承一章節。今天要介紹的是,對象之間的繼承
-
javascript面向對象編程關于封裝簡單介紹
本章節介紹一下關于jvscrit面向對象的封裝問題。關于面向對象的繼承可以參閱如下兩章節:(1).jvscrit面向對象編程的構造函數的繼承一章節。(2).jvscrit面向對象編程
-
js獲取偽元素選擇器規定的內容代碼實例
關于偽元素選擇器可以參閱CSS bfor/::bfor一章節。下面介紹一下如何利用js獲取偽元素選擇器定義的內容,這種需求在以前可能比較少。但是隨著瀏覽器的進步,偽元素選擇器的實用會越來越廣
-
通過鼠標拖動選取指定數字代碼實例
在不少的應用中,選取數字的時候可以通過鼠標拖動來實現,這樣的效果人性化的很。下面就分享一個插件實現了這樣的功能,這就是jRng,它是利用jQury實現的。一.HTML代碼部分:首先載入jQur















