什麼是對象
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-tw/n/230141.html
微信掃一掃
支付寶掃一掃