本站電子書

您可以在這些電子書店找到本站電子書: Google Play 圖書iBooks StoreHyReadReadmooPubu
===>>>本站推出學習遊戲意見調查<<<===《如何自學程式設計》入選 Google Play 台灣地區2016年度最佳書籍

JavaScript 入門指南 - 下一步

下一步?




我們順者範例程式,很快的帶領讀者認識 JavaScript 開發網頁軟體的各個面向,有些細節,我們能只是稍微提了一點,並沒有詳細解釋,例如,我們壓根都沒提過的繼承 (inheritance)
<html>
<head>
<title>Inheritance Demo</title>
<script>
// 父類別
function Superclass() {
    this.supermethod = supermethod;
    function supermethod() {
        return "supermethod";
    }
}

// 子類別
Subclass.prototype = new Superclass(); // 繼承作用之處 
function Subclass() {
    this.submethod = submethod;
    function submethod() {
        return "submethod";
    }
}

function run() {
    var d = document.getElementById("display");
    var s = new Subclass();
    d.innerHTML = s.supermethod();
}
</script>
</head>
<body onload="run();">
<div id="display"></div>
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
      http://pydoing.blogspot.com/
      檔名:inheritdemo.html
      功能:示範 JavaScript 程式
      作者:張凱慶
      時間:西元 2012 年 12 月 -->


繼承發生在
Subclass.prototype = new Superclass(); // 繼承作用之處


雖然 JavaScript 為物件導向程式設計語言 (object-oriented programming language) ,但我們完全沒有提過繼承這項特性,也沒有提過很多其他屬於物件導向程式設計的概念。


除了繼承之外,許多內建物件 (object) ,還有 document 等等 HTML DOM 的東東,我們統統沒有詳細介紹,嗯,這些的確都很重要,對學習 JavaScript 而言。


我們沒有詳細介紹繼承或其他題材的理由很簡單,因為一旦要很詳細的教導剛入門的初學者去寫繼承或是其他啦哩拉雜的東東,勢必停下腳步討論很多該注意的地方,從而到網頁軟體之前的篇幅可能暴增兩倍到三倍,讀者能不能在短時間真正的消化吸收這麼多的內容,我們持保留的態度。


然而,弔詭的是,初學者只需要有觀念,不必完全理解,就能直接開發網頁的應用軟體。就大多數初學者感興趣的開發項目而言,初學者學會如何使用常用的物件就夠了,甚至很多機會都是使用內建物件或 HTML DOM 中的物件,完全無須自己開發新的物件。


因為,熟練一種工具是一種學習,熟練去開發工具又是另外一種學習。我們認為對初學者而言,先學會使用工具是比較重要的,至於要學習怎麼去開發工具,倒不如先熟練使用工具,玩得很熟了,箇中道理不用言語都能體會之後,再去學習開發給別人使用的工具,自然很快就得心應手。


所以在這份《JavaScript 入門指南》中,我們不以探討語言的細節為目的,直接引導初學者開發應用網站,想必一路順著教材順序學習的讀者,大都能自行摸索、嘗試開發一些 GUI 軟體囉!接下來,您可以繼續由本站提供的
《JavaScript 快速導覽》


學習 JavaScript 語言本身許多的細節,或是
《HTML DOM 快速導覽》


查詢 HTML DOM 中常見的用法。


本站會持續開發 JavaScript 的相關應用教材,若是您喜歡本站所提供的教材,您可以經常回訪本站,查詢相關資料 :)


中英文術語對照
繼承inheritance
物件導向程式設計語言object-oriented programming language
物件object


您可以繼續參考
網頁軟體開發


相關目錄
回 JavaScript 入門指南
回 JavaScript 教材
回首頁


參考資料
http://www.ecma-international.org/publications/standards/Ecma-262.htm
http://www.w3schools.com/JS/default.asp
http://www.tutorialspoint.com/javascript/index.htm
http://www.w3.org/standards/techs/dom#w3c_all
https://developer.mozilla.org/en-US/docs/JavaScript
https://developer.mozilla.org/en/DOM
http://msdn.microsoft.com/en-us/ie/default
http://developer.apple.com/devcenter/safari/index.action
http://dev.chromium.org/
http://dev.opera.com/

沒有留言: