JavaScript下申明對象的幾種方法小結

來源:互聯網
上載者:User

1.var myObject = {} ;
2.function myObject()
{
....
}
3.var myObject = function(){} ;
對於後兩種方法,我們還可以增加參數,這樣就類似於一個帶參數的構造器了.
例如:
function myObject(msg)
{
alert(msg) ;
}
var newObject = new myObject('Hello,World!') ;

var myObject = function(msg)
{
alert(msg + 'again') ;
}
var newTwoObject = new myObject('Hello,World!) ;

甚至我們可以使用字串來聲明函數,這使得我們的程式更加靈活
例如:
var myObject = new Function("msg","alert(msg)") ;
// Function可以有多個入口參數,最後一個參數作為方法體。
var newObject = new myObject('Hell,World!) ;

JavaScript中成員的聲明
在JavaScript中,要聲明一個對象的成員也非常簡單,但是跟其它的進階程式仍然略有不同
例如:
var myObject = {
"FirstName" : "thtwin",
"LastName" : "thtwinj2ee",
"Age" : 22,
"showFullName" : function()
{
alert(this.FirstName + ' ' + this.LastName) ;
}

} ;
myObject.showFullName() ;

在JavaScript中另一個物件導向的特點是我們可以像進階程式設計語言一樣使用.和[]引用成員.
例如:
var dateTime = {
now : new Date(),
show : function(){
alert(new Date()) ;
}
} ;
alert(dateTime.now) ;
等價於:
alert(dateTime.now) ;

dataTime.show() ;
等價於:
dateTime["show()"] ;

對於方法調用來說,在JavaScript中,所有的對象的基類是Object,基類通過prototype定義了很多的成員
和方法,例如:toString,toLocaleString等.
例如:
var obj = {"toString" : function(){return "This is an test!" ; }} ;
alert(obj) ;

運行時,當alert的時候toString()方法被調用了,事實上,當JavaScript需要將一個對象轉換成字元
時就隱式調用了這個對象的toString()方法.
例如:
Date.prototype.toString = function(){alert('this is a test!') ;} ;
var da = new Date(new Date()) ;

Date.prototype.toString = function(){alert('this is a test!') ;} ;
var dt = new Date() + 1 ;

JavaScript中call方法的使用:
關於call的解釋:
call 方法可以用來代替另一個對象調用一個方法。
call 方法可將一個函數的物件內容從初始的上下文改變為由 thisObj 指定的新對象。

例如:
function abc()
{
alert(this.member1);
}
var obj = { member1:"Hello world!", show:abc};
var obj2 = { member1:"Hello world again!", show:abc};

obj.show();
//也可以使用
abc.call(obj);
abc.call(obj2);

修改後的另一個版本:
member1 = 'test';
function abc()
{
alert(this.member1);
}
var obj = { member1:"Hello world", show:abc};
var obj2 = { member1:"Hello world again", show:abc};

obj.show();
//也可以使用
abc.call(obj);
abc.call(obj2);

abc(); // 此時abc中的this指向了當前上下文
每個函數都有call方法,上面的過程中我們看到用另一個對象代替調用顯示方法,
並注意到this在物件內容中的改變。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.