如何快速入門VUE3.0：進入學習
相關推薦：javascript教學
什麼是建構子：是JavaScript創建物件的另一種方式。
與字面量方式建立物件對比：建構函式可以創造出一些具有相同特徵的物件。
舉例：透過水果建構函式創建蘋果、香蕉、橘子物件。其特點在於這些物件都是基於同一個模板創建，同時每個物件又有自己的特徵。
字面量的方式創建物件的特點
優勢：簡單靈活。
劣勢：當需要建立一組具有相同特徵的物件時，無法透過程式碼指定這些物件應該具有哪些相同的成員。
物件導向程式語言的實作模板的方式：利用類別（class）建立模板，根據模板實作不同的物件（類別的實例）。
JavaScript實現模板的方式1：透過工廠函數，在其內部透過字面量「{ }」的方式建立物件來實現，缺點是無法區分物件的類型。
JavaScript實作模板的方式2：透過建構函式建立物件。
JavaScript內建的建構子在學習如何自訂建構函式之前，先來看看
思考：如何自訂建構函數？
注意
在學習JavaScript時，初學者經常會對一些相似的名詞感到困惑，例如函數、方法、建構函數、建構方法、建構器等。
實際上，它們都可以統稱為函數，只不過在不同使用情境下的稱呼不同。根據習慣，在物件中定義的函數稱為物件的方法。
而對於建構函數，也有一部分人習慣稱之為構造方法或建構器，我們只需明白這些稱呼所指的是同一個事物即可。
ES6前沒有的原因：為了簡化難度。
新增原因：隨著Web前端技術發展，原本有一部分從事後端開發的人員轉向了前端。為了讓JavaScript更接近一些後端語言的語法從而使開發人員更快適應。
class關鍵字的作用：用來定義一個類別。
特點：在類別中可以定義constructor構造方法。
注意
class語法本質上是語法糖，只是方便使用者使用而設計的，不使用該語法同樣可以達到相同的效果，如前面學過的建構子。為了避免使用者的瀏覽器不支援此語法，因此不建議使用此方式。
概念：在建構子中，使用var關鍵字定義的變數稱為私有成員。
特點：在實例物件後無法透過「物件.成員」的方式進行訪問，但是私有成員可以在物件的成員方法中存取。
特性：私有成員name體現了物件導向的封裝性。
這是因為這些物件其實是建構函式String的實例，也就是String物件。
注意
對字串進行操作時，處理結果是透過方法的回傳值直接傳回的，並不會改變String物件本身所保存的字串內容。在這些方法的參數中，位置是一個索引值，從0開始計算，第一個字元的索引值是0，最後一個字元的索引值是字串的長度減1。
以限制使用者名稱長度在3~10範圍內，不允許出現敏感詞admin為例進行示範。
Number物件用於處理整數、浮點數等數值，常用的屬性與方法如下。
是Number的靜態成員，直接透過建構子Number來訪問，而非Number的實例。
Math物件用於對數值進行數學運算，與其他物件不同的是，該物件不是建構函數，不需要實例化就能使用。
以Math.random()取得指定範圍內的隨機數為例講解。
公式為Math.random() * (n - m) + m，表示產生大於或等於m且小於n的隨機值
Date物件用於處理日期和時間。
範例1：根據Date物件取得時間日期。
範例2：根據Date物件指定一個日期。
範例3：處理設定的日期不合理的情況，如將月份設為-1表示去年12月，月份為12表示明年1月。
程式碼實現想法：
程式碼實作
<html>
<head><title>本月月曆</title>
</head>
<body>
<p align=center><b>本月月曆</b></p>
<script>
var thisyear,thismonth,today=new Date();;
thisyear=today.getFullYear()
thismonth=today.getMonth();
var imonth,iweekday,iday,nextday;
document.write("<table align=center border=1><tr align=center bgcolor=#fff00>")
document.write("<td>週日</td><td>週一</td><td>週二</td><td>週三</td><td>週四</td><td>週五</td><td>週六</td>")
document.write("</tr><tr>")
nextday=1;
var thisdate=new Date(thisyear,thismonth,nextday)
for (iday=0;iday<=6;iday++){
if (thisdate.getDay() > iday) {
document.write("<td>");
document.write("</td>")
}
else {
if (thisdate.getMonth()== today.getMonth()&&thisdate.getDate()== today.getDate() &&thisdate.getFullYear()== today.getFullYear() ){
document.write("<td><font color=red><b>")
document.write(nextday)
document.write("</font></b></td>")
}
else {
document.write("<td><b>");
document.write(nextday);
document.write("</b></td>");
}
nextday=nextday+1;
thisdate.setDate(nextday);
}
}
document.write("</tr>");
document.write("<tr>")
iweekday=1
while(thisdate.getMonth() == thismonth ){
if (thisdate.getMonth()== today.getMonth()&&thisdate.getDate()== today.getDate() &&thisdate.getFullYear()== today.getFullYear() ){
document.write("<td><font color=red><b>")
document.write(nextday)
document.write("</b></font></td>")
}
else{
document.write("<td><b>")
document.write(nextday)
document.write("</b></td>")
}
nextday=nextday+1;
iweekday=iweekday+1;
if (iweekday>7 ){
iweekday=1;
document.write("</tr>");
}
thisdate.setDate(nextday);
}
</script>
</body>
</html>相關推薦：javascript學習教學
以上就是幫你搞定JavaScript物件的詳細內容，更多請關注php中文網其它相關文章！
