|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 本篇文章給大家帶來的內容是介紹JavaScript如何創建對象,讓大家了解用js創建并實例化對象的三種方法。有一定的參考價值,有需要的朋友可以參考一下,希望對你們有所幫助。在語法方面上,JavaScript是一種靈活的面向對象語言。在我們介紹JavaScript創建并實例化對象的不同方法之前,我們需要注意的是JavaScript是一種無類語言,函數會以某種方式被使用,以便它們模擬一個類。【相關視頻教程推薦:JavaScript教程】 使用函數作為類: 這是在JavaScript中創建并實例化對象的最簡單方法之一。我們定義了一個經典的JavaScript函數,并使用new關鍵字創建了該函數的對象;再使用this關鍵字創建函數的屬性和方法。 <script>
// 作為一個類的功能。
function copyClass(name, age) {
this.name = name;
this.age = age;
this.printInfo = function() {
console.log(this.name);
console.log(this.age);
}
}
// 創建copyClass的對象
// 初始化參數
var obj = new copyClass("Vineet", 20);
//調用copyClass對象的方法
obj.printInfo();
</script>運行結果:
說明: 類有兩個主要組成部分:特定的參數和很少的成員函數。在這個方法中,我們聲明了一個類似于類的函數,它有兩個參數,name和age(這個關鍵字用于將類的名稱和年齡與所提供的參數的名稱和年齡區分開來);以及一個printInfo方法,用于打印這些參數的值。然后,我們簡單地創建一個copyClass的對象obj,初始化它,并調用它的方法。 使用對象字面量(object literal): literal是定義對象的更小更簡單的方法。 下面我們用對象文本來創建并實例化一個與前一個對象完全相同的對象。 <script>
// 創建對象
var obj = {
name : "",
age : "",
printInfo : function() {
console.log(this.name);
console.log(this.age);
}
}
// 初始化參數
obj.name = "小明";
obj.age = 19;
// 使用對象的方法
obj.printInfo();
</script>運行結果:
說明: 此方法與前一種方法的工作原理其實是相同的,但不是將參數(name和age)和方法(printInfo)綁定到函數內部,而是將它們綁定到對象本身中,可以始化對象并簡單地使用這些方法。 使用函數的單例: 第三種方式就是我們已經看到的另外兩種方式的組合。我們可以使用函數來定義單個對象。 <script>
// 創建單個對象
var obj = new function() {
this.name = "";
this.age = "";
this.printInfo = function() {
console.log(this.name);
console.log(this.age);
};
}
// 初始化對象
obj.name = "小明";
obj.age = 20;
// 對象的調用方法
obj.printInfo();
</script>運行結果:
說明: 這是前兩種方法的組合,我們將方法和參數綁定在函數中,但不為其聲明單獨的函數(就像方法1中的copyClass)。相反,我們簡單地使用函數結構聲明一個對象。 總結:以上就是本篇文章的全部內容,希望能對大家的學習有所幫助。 以上就是JavaScript如何創建對象?實例化對象的方法的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!