面向對象的語言(如Java)中有類的概念,而通過類可以創建任意多個具有相同屬性和方法的對象。但是,JavaScript 沒有類的概念,因此它的對象也與基於類的語言中的對象有所不同。
要了解面向對象,首先就要了解Javascript中的對象和原型。這篇文章中主要學習一下Javascript中的對象。
一 關於對象
對象其實就是一種引用類型。而對象的值就是引用類型的實例。在JavaScript 中引用類型是一種數據結構,將數據和功能組織在一起。它也常被稱做為類,但JavaScript 中卻沒有類的概念。雖然JavaScript 是一門面向對象的語言,卻不具備傳統面向對象語言所支持的類和接口等基本結構。
二 對象的創建以及常用操作
1.使用new運算符
<script> var user = new Object(); //使用new運算符創建一個對象 user.name = '念在三角湖畔'; //給對象添加屬性 user.age = 22; user.address = '湖北武漢'; alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武漢' </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面向對象中是一個比較重要的,也算是一個比較基礎的部分,只有弄清楚了對象的一些常用操作才能夠進行面向對象開發。
以上所述是小編給大家介紹的JavaScript中的對象和原型(一),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!