JavaScript

Day27 函式建構子與new

今天進入第6章節建立物件 JavaScript剛被創造出來時,為了吸引JAVA開發者借鑒了不少東西,包含名子JavaScript,而在物件部分,向JAVA和C++借鑒了new這個關鍵字,new和物件實體與法一樣,都可以讓使用者快速建立物件,與之一起出現的用法就是function constructor函式建構式。 function constructor 函式建構式(或譯函式建構子) 能用來新建物件的一種函式,透過與new運算子一起使用,能創建出新物件並設定該物件的屬性與方法 來看看程式碼 function batman(){ this.color = 'black&

Day26 物件型別、Reflection and Extend

今天來看第5章節後半兩部影片 JavaScript是物件導向語言,基本上所有的東西可以分成兩大類:Primitive Types和Object Type Primitive Types 基本型別 關於基本型別Primitive Types,可以看第7天的筆記介紹 Object Type 物件型別 哪些東西是物件型別呢? JavaScript除了Primitive Types以外的東西,全都是物件型別! 來看看程式碼,這次直接在Chrome瀏覽器console輸入 var a = {}; var b

Day25 古典與原型繼承、瞭解原型

今天來看看古典繼承、原型繼承與原型的介紹 繼承 表示一個物件可以取用另一個物件的屬性或方法 Classical Inheritance 古典繼承 C#、JAVA常用到的物件繼承方式,有一些專有名詞(語法)如:private私用、protected保護、friend夥伴、 interface介面...等術語。 古典繼承很流行,也解決了很多問題,但樹狀結構物件的互動模式,一但數量增加,很容易產生複雜、龐大的集合。 Prototypal Inheritance

Day24 函數程式設計

今天來看函數程式設計的兩節影片 (udemy這系列影片稱呼Function為函數,但我個人比較習慣稱呼函式) 函數程式設計課程不可能在一兩節影片就講完,作者解釋他只是希望在這系列課程引入這個概念,以簡短影片讓人先體會它的威力。 先來看看以下程式碼 var arr1 = [1, 2, 3]; var arr2 = []; 現在有陣列arr1、arr2,我們想要複製arr1陣列的內容給arr2,並讓arr2陣列的值變arr1的2倍。 一般接續內容可能這樣寫: for(var i=0; i <

Day23 函式內建方法:bind()、call()與apply()

今天來看看bind()、call()、apply()這三個函式內建方法。 當函式執行環境被創造出來,會一併創造arguments關鍵字,保存帶入自己的參數; 也會一併創造出this關鍵字,指向函數目前所處的物件,關於this可以參考這天的筆記。 若我們希望修改this指向的對象,有辦法達到這個目的嗎? 我們可以利用bind()、call()、apply()這些函式內建方法來達成目的 先來看看bind()的例子 var superMan = { earthName: 'Clark Kent'

Episode

00:00:00 00:00:00