面向對象的語言(如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中的對象和原型(一),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答