Javascript中的對象和原型(一)


Javascript中的對象和原型(一)

面向對象的語言(如Java)中有類的概念,而通過類可以創建任意多個具有相同屬性和方法的對象。但是,JavaScript 沒有類的概念,因此它的對象也與基於類的語言中的對象有所不同。

要了解面向對象,首先就要了解Javascript中的對象和原型。這篇文章中主要學習一下Javascript中的對象。

一 關於對象

對象其實就是一種引用類型。而對象的值就是引用類型的實例。在JavaScript 中引用類型是一種數據結構,將數據和功能組織在一起。它也常被稱做為類,但JavaScript 中卻沒有類的概念。雖然JavaScript 是一門面向對象的語言,卻不具備傳統面向對象語言所支持的類和接口等基本結構。

二 對象的創建以及常用操作

1.使用new運算符

1 <script>
2     var user = new Object();        //使用new運算符創建一個對象
3     user.name = '念在三角湖畔';        //給對象添加屬性
4     user.age = 22;
5     user.address = '湖北武漢';
6     alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武漢'
7 </script>

說明:上面的方式中new關鍵字可以省略,即var user = new Object();等價於 var user = Object();

2.JSON法創建

關於JSON的一些知識可以百度上搜索下。

簡單的JSON對象: {name:'念在三角湖畔',age:22,address:'湖北武漢'}

//使用JSON法創建
    /*
        簡單的JSON對象:{name:'念在三角湖畔',age:22,address:'湖北武漢'}
    */
    var user = {
        name:'念在三角湖畔',
        age:22,
        address:'湖北武漢'    
    };
    alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武漢'

3.傳統賦值方式

//傳統賦值
    var user = {};
    user.name = '念在三角湖畔';        //給對象添加屬性
    user.age = 22;
    user.address = '湖北武漢';
    alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武漢'

4.屬性的調用

對於對象屬性的調用有兩種方式:

拿上面的例子來說,上面我們已經用了其中一種方式,也就是'.'運算符,調用方法如下:

alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武漢'

另一種方法:
alert(user['name'] + " " +user['age']);//返回 '念在三角湖畔 湖北武漢

5.給對象添加方法

給對象添加方法和給變量添加一個屬性其實大同小異。具體代碼如下:

var user = {
        name:'念在三角湖畔',        //給對象添加屬性
        age:22,
        address:'湖北武漢',
        showInfo:function(){//添加一個方法
            alert(this.name+" "+this.age+" "+this.address);//返回 '念在三角湖畔 22 湖北武漢'    
        },
        showHello:showHello//將對象外部的方法添加到對象
    };
    function showHello(){
        alert("Hello!");    
    }
    user.showInfo();//調用方法
    user.showHello();

6.刪除對象的屬性

刪除對象的屬性用delete操作符。格式:delete 對象名稱.屬性名稱

var user = {
        name:'念在三角湖畔',        //給對象添加屬性
        age:22,
        address:'湖北武漢'
    };
    alert(user.name);//返回‘念在三角湖畔’
    delete user.name;//刪除user的name屬性
    alert(user.name);//返回‘undefined’

三 總結

這里比較淺顯的講述了一下Javascript中對象的創建和對象方法的添加以及對象屬性的刪除。對象在javascript面向對象中是一個比較重要的,也算是一個比較基礎的部分,只有弄清楚了對象的一些常用操作才能夠進行面向對象開發。

 BY:念在三角湖畔


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM