国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

淺析JavaScript中的類型和對象

2019-11-20 21:33:45
字體:
供稿:網(wǎng)友

JavaScript是基于對象的,任何元素都可以看成對象。然而,類型和對象是不同的。本文中,我們除了討論類型和對象的一些特點(diǎn)之外,更重要的是研究如何寫出好的并且利于重用的類型。畢竟,JavaScript這種流行的腳本語言如果能夠進(jìn)行良好的封裝,并形成一個龐大的類型庫,對于重用是非常有意義的。

網(wǎng)上對于prototype的文章很多,一直沒明白核心的思想。最后寫了很多例子代碼后才明白:prototype只能用在類型上。

以下是一些關(guān)于類型和對象的例子,大家看完例子后可能更容易理解類型和對象之間的聯(lián)系:

 
例子代碼
說明
1
Object.prototype.Property = 1;
Object.prototype.Method = function ()
{
    alert(1);
}
 
var obj = new Object();
alert(obj.Property);
obj.Method();
可以在類型上使用proptotype來為類型添加行為。這些行為只能在類型的實(shí)例上體現(xiàn)。

JS中允許的類型有Array, Boolean, Date, Enumerator, Error, Function, Number, Object, RegExp, String
2
var obj = new Object();
obj.prototype.Property = 1; //Error
//Error
obj.prototype.Method = function()
{
    alert(1);
}
在實(shí)例上不能使用prototype,否則發(fā)生編譯錯誤
3
Object.Property = 1;
Object.Method = function()
{
    alert(1);
}
 
alert(Object.Property);
Object.Method();
可以為類型定義“靜態(tài)”的屬性和方法,直接在類型上調(diào)用即可
4
Object.Property = 1;
Object.Method = function()
{
    alert(1);
}
var obj = new Object();
alert(obj.Property); //Error
obj.Method(); //Error
實(shí)例不能調(diào)用類型的靜態(tài)屬性或方法,否則發(fā)生對象未定義的錯誤。
5
function Aclass()
{
this.Property = 1;
this.Method = function()
{
    alert(1);
}
}
var obj = new Aclass();
alert(obj.Property);
obj.Method();
這個例子演示了通常的在JavaScript中定義一個類型的方法
6
function Aclass()
{
this.Property = 1;
this.Method = function()
{
    alert(1);
}
}
Aclass.prototype.Property2 = 2;
Aclass.prototype.Method2 = function
{
    alert(2);
}
var obj = new Aclass();
alert(obj.Property2);
obj.Method2();
可以在外部使用prototype為自定義的類型添加屬性和方法。
7
function Aclass()
{
this.Property = 1;
this.Method = function()
{
    alert(1);
}
}
Aclass.prototype.Property = 2;
Aclass.prototype.Method = function
{
    alert(2);
}
var obj = new Aclass();
alert(obj.Property);
obj.Method();
在外部不能通過prototype改變自定義類型的屬性或方法。
該例子可以看到:調(diào)用的屬性和方法仍是最初定義的結(jié)果。
8
function Aclass()
{
this.Property = 1;
this.Method = function()
{
    alert(1);
}
}
var obj = new Aclass();
obj.Property = 2;
obj.Method = function()
{
    alert(2);
}
alert(obj.Property);
obj.Method();
可以在對象上改變屬性。(這個是肯定的)
也可以在對象上改變方法。(和普遍的面向?qū)ο蟮母拍畈煌?/DIV>
9
function Aclass()
{
this.Property = 1;
this.Method = function()
{
    alert(1);
}
}
var obj = new Aclass();
obj.Property2 = 2;
obj.Method2 = function()
{
    alert(2);
}
alert(obj.Property2);
obj.Method2();
可以在對象上增加屬性或方法
10
function AClass()
{
       this.Property = 1;
       this.Method = function()
       {
              alert(1);
       }
}
 
function AClass2()
{
       this.Property2 = 2;
       this.Method2 = function()
       {
              alert(2);
       }
}
AClass2.prototype = new AClass();
 
var obj = new AClass2();
alert(obj.Property);
obj.Method();
alert(obj.Property2);
obj.Method2();
這個例子說明了一個類型如何從另一個類型繼承。
11
function AClass()
{
       this.Property = 1;
       this.Method = function()
       {
              alert(1);
       }
}
 
function AClass2()
{
       this.Property2 = 2;
       this.Method2 = function()
       {
              alert(2);
       }
}
AClass2.prototype = new AClass();
AClass2.prototype.Property = 3;
AClass2.prototype.Method = function()
{
       alert(4);
}
var obj = new AClass2();
alert(obj.Property);
obj.Method();
這個例子說明了子類如何重寫父類的屬性或方法。

以上例子中,關(guān)于通過類型實(shí)現(xiàn)重用方面,重要的有:
?例子1:JavaScript中允許添加行為的類型
?例子2:prototype使用的限制
?例子3:如何定義類型上的靜態(tài)成員
?例子7:prototype在重定義類型的成員上的限制
?例子10:如何讓一個類型繼承于另一個類型
?例子11:如何在子類中重新定義父類的成員

JavaScript能夠?qū)崿F(xiàn)的面向?qū)ο蟮奶卣饔校?BR>?公有屬性(public field)
?公有方法(public Method)
?私有屬性(private field)
?私有方法(private field)
?方法重載(method overload)
?構(gòu)造函數(shù)(constructor)
?事件(event)
?單一繼承(single inherit)
?子類重寫父類的屬性或方法(override)
?靜態(tài)屬性或方法(static member)
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 时尚| 临城县| 潮安县| 将乐县| 项城市| 三亚市| 南城县| 肥东县| 林周县| 马关县| 时尚| 晴隆县| 阿拉尔市| 太原市| 呼伦贝尔市| 高唐县| 元氏县| 岚皋县| 高碑店市| 罗城| 威远县| 政和县| 宁乡县| 西华县| 陇川县| 丰台区| 宣恩县| 安仁县| 濉溪县| 沈丘县| 莱西市| 义马市| 泰兴市| 唐海县| 库尔勒市| 望奎县| 涟源市| 安平县| 连平县| 冷水江市| 达孜县|