什麼是對象
JavaScript 中的所有事物都是對象,如:字符串、數值、數組、函數等,每個對象帶有屬性和方法:(例:一輛顏色是白色的汽車在奔馳。)
對象的屬性:反映該對象某些特定的性質的,如:字符串的長度、圖像的長寬等;
對象的方法:能夠在對象上執行的動作。例如,時間的「獲取年份」(getFullYear)等;
javascript對象的聲明和應用
創建對象:
方式一、使用new關鍵字創建
//定義
var myObject = new Object();//使用new關鍵字定義對象,在內存里開闢一個無限擴大的空間,可以存放屬性和方法。 myObject.name = "宋鍾基"; myObject.age = 31; myObject.say = function(){ alert(this.name);}//this:哪個對象調用了這個方法,那麼這個this指的就是這個對象 //調用 document.write(myObject.name+myObject.age); myObject.say();
方式二、使用字面量創建
var 對象名 = {屬性名1:屬性值,屬性名2:屬性值2,…….}
例如:
var myObject = { name : "宋鍾基", age : 31, say : function() { alert(this.name); } } //調用 document.write(myObject.name+myObject.age); myObject.say();
方法三、工廠模式
如果是一個個的定義,就會產生大量的代碼,何不建個工廠,批量的生產出我們的對象
function person(name,age){ var myObject = new Object();//使用new關鍵字定義對象 myObject .name = name; myObject .age = age; myObject .say= function(){alert(this.name);} return myObject;//返回這個對象 } //調用 var song=person(「宋鍾基」,「31」); song.say(); var qiao=person(「宋慧喬」,「36」); qiao.say();
方式四、構造函數創建對象
構造函數注意:
1.默認函數首字母大寫
2.構造函數並沒有顯示返回任何東西。new 操作符後邊加構造函數時,new會自動創建this對象,最後返回this對象。
function Person(name,age){ //對象的name屬性 this.name = name; //對象的age屬性 this.age= age; //對象的say方法 this.say = function(){alert(this.name);}; } var song= new Person(「宋鍾基」,「31」); song.say(); var qiao= new Person(「宋慧喬」,「36」); qiao.say();
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/230141.html