JavaScript中的對象和原型(一)
面向對象的語言(如Java)中有類的概念,而通過類可以創(chuàng)建任意多個具有相同屬性和方法的對象。但是,JavaScript 沒有類的概念,因此它的對象也與基于類的語言中的對象有所不同。
要了解面向對象,首先就要了解Javascript中的對象和原型。這篇文章中主要學習一下Javascript中的對象。
一 關于對象
對象其實就是一種引用類型。而對象的值就是引用類型的實例。在JavaScript 中引用類型是一種數(shù)據(jù)結構,將數(shù)據(jù)和功能組織在一起。它也常被稱做為類,但JavaScript 中卻沒有類的概念。雖然JavaScript 是一門面向對象的語言,卻不具備傳統(tǒng)面向對象語言所支持的類和接口等基本結構。
二 對象的創(chuàng)建以及常用操作
1.使用new運算符
<script> var user = new Object(); //使用new運算符創(chuàng)建一個對象 user.name = '念在三角湖畔'; //給對象添加屬性 user.age = 22; user.address = '湖北武漢'; alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武漢' </script>
說明:上面的方式中new關鍵字可以省略,即var user = new Object();等價于 var user = Object();
2.JSON法創(chuàng)建
關于JSON的一些知識可以百度上搜索下。
簡單的JSON對象: {name:'念在三角湖畔',age:22,address:'湖北武漢'}
//使用JSON法創(chuàng)建 /* 簡單的JSON對象:{name:'念在三角湖畔',age:22,address:'湖北武漢'} */ var user = { name:'念在三角湖畔', age:22, address:'湖北武漢' }; alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武漢'
3.傳統(tǒng)賦值方式
//傳統(tǒng)賦值 var user = {}; user.name = '念在三角湖畔'; //給對象添加屬性 user.age = 22; user.address = '湖北武漢'; alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武漢'
4.屬性的調(diào)用
對于對象屬性的調(diào)用有兩種方式:
拿上面的例子來說,上面我們已經(jīng)用了其中一種方式,也就是'.'運算符,調(diào)用方法如下:
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();//調(diào)用方法 user.showHello();
6.刪除對象的屬性
刪除對象的屬性用delete操作符。格式:delete 對象名稱.屬性名稱
var user = { name:'念在三角湖畔', //給對象添加屬性 age:22, address:'湖北武漢' }; alert(user.name);//返回‘念在三角湖畔' delete user.name;//刪除user的name屬性 alert(user.name);//返回‘undefined'
三 總結
這里比較淺顯的講述了一下Javascript中對象的創(chuàng)建和對象方法的添加以及對象屬性的刪除。對象在javascript面向對象中是一個比較重要的,也算是一個比較基礎的部分,只有弄清楚了對象的一些常用操作才能夠進行面向對象開發(fā)。
以上所述是小編給大家介紹的JavaScript中的對象和原型(一),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關文章
在Layui中操作數(shù)據(jù)表格,給指定單元格添加事件示例
今天小編就為大家分享一篇在Layui中操作數(shù)據(jù)表格,給指定單元格添加事件示例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10javascript圖片切換綜合實例(循環(huán)切換、順序切換)
這篇文章主要介紹了javascript圖片切換綜合實例,包括javascript圖片循環(huán)切換、javascript圖片順序切換,兩張圖片的切換,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-01-01javascript break指定標簽打破多層循環(huán)示例
break的語法有兩種break; 和 break label;下面為大家介紹下直接break掉整個循環(huán)嵌套示例2014-01-01TypeScript在Vuex4中使用TS實戰(zhàn)分享
這篇文章主要介紹了TypeScript在Vuex4中使用TS實戰(zhàn)分享,vuex4類型?Api分析和vuex4實戰(zhàn)兩部分講述,需要的小伙伴可以參考一下2022-06-06用javascript getComputedStyle獲取和設置style的原理
這兩天用了baidu 百度空間中的彈出窗口js,感覺不錯,很強大,很好很簡單的解決了好幾個問題,界面友好度以及美化也好多了,以前都是硬邦邦window.open();2008-10-10