Javascript中的对象和原型(一)(转载)
面向對象的語言(如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面向對象中是一個比較重要的,也算是一個比較基礎的部分,只有弄清楚了對象的一些常用操作才能夠進行面向對象開發。
轉載于:https://www.cnblogs.com/sandea/p/3293688.html
總結
以上是生活随笔為你收集整理的Javascript中的对象和原型(一)(转载)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Demo学习: CalendarPane
- 下一篇: Silverlight Telerik