iT邦幫忙

DAY 2
7

JavaScript 三十參系列 第 2

JavaScript 三十參(2):觀念

  • 分享至 

  • xImage
  •  

參與iT邦JavaScript中忍比賽,獲得一本JS武林祕級“JavaScript設計模式”,因而閉門修練月餘,今神功既成故節錄三十片段,以饗邦友。


我們將快速地看過幾個重要JavaScript觀念,以便為未來內容提供基礎知識。

(1)物件導向

JS是物件導向語言,任何我們在JS程式碼中所看到的,極有可能都是物件。JS物件組成非常簡單,就是一堆具名屬性集合,或稱為“名值對清單”,長相非常接近陣列。若其屬性為function,則稱其為方法(methods)。

以下 a/b/c/d 皆為物件。

var a = [1,2,3];
var b = ["1","2","3"];
var c = {name:"Ted", personality:"Super"};
var d = {name:"Dog", move: function(){alert("I can run.")} };
                                      
console.log(typeof a); //object
console.log(typeof b); //object
console.log(typeof c); //object
console.log(typeof d); //object

(2)沒有class

讓我們再重複一次:JS沒有class!

雖然這對許多工程師來說是新的觀念,但真的要接受,還真是需要時間。沒有class的好處是能讓程式變得更短,因為JS程式有很多機會是應用在網頁程式上,所以“能短則短”,當然這會有許多男士們不以為然,但JS確實強調的是“短小精悍”!

既然沒有class,那麼我們如何產生物件呢?這是個有趣的問題,要產生JS物件,我們只要做一個空物件,然後丟東西進去就行了,例如:

var a = {};

console.log(typeof a); 	//object

a.name = "Ted";
a.personality = "Superman";

console.log(typeof a); 	//object
console.dir(a);		//{name:"Ted", personality:"Superman"}

Ok,咱們第2節就先上到這裏,放課了!

Click to continue.....

JavaScript 三十參(總整理)


上一篇
JavaScript 三十參(1):介紹
下一篇
JavaScript 三十參(3):觀念(續)
系列文
JavaScript 三十參30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
海綿寶寶
iT邦大神 1 級 ‧ 2012-10-10 16:05:38

ted99tw提到:
放課了!

雖然課程內容豐富
但是仍要注意細節

以我多年的經驗
我敢說在我的面前
只有「放飯」「放空」「放假」「放狗」
沒有「放課」一詞

要不要回去再寫過
失神

看更多先前的回應...收起先前的回應...
ted99tw iT邦高手 1 級 ‧ 2012-10-10 16:20:37 檢舉

iT邦幫忙MVPantijava提到:
沒有「放課」一詞

最近看片看太多,都是高中放課後什麼的,浸淫在青春無敵的辣妹群中久了,時間一到,也會跟著她們一起“放課”嘿嘿嘿去....XD

放課http://ja.wikipedia.org/wiki/%E6%94%BE%E8%AA%B2

原來如此,是日文來的
那就再加一個:「放題」
吃吃吃

magician iT邦研究生 2 級 ‧ 2012-10-10 21:02:45 檢舉

蝦米是 放課??疑惑

我只聽過 同級生 偷笑 下級生 更棒 拍手

鐵殼心 iT邦高手 1 級 ‧ 2012-10-10 21:40:06 檢舉

下級生是學妹的意思嗎?疑惑

0
魯大
iT邦高手 1 級 ‧ 2012-10-10 22:13:56

ted99tw提到:
Ok,咱們第2節就先上到這裏,放課了!

時間到了,休息放飯啦.. 吃飽

0
seanamph
iT邦新手 5 級 ‧ 2012-10-12 20:18:30

讓我們再重複一次:JS沒有class!

不知道這句話會不會很快變成歷史 Or22

http://www.typescriptlang.org/Playground/

毆飛毆飛毆飛毆飛毆飛毆飛

ted99tw iT邦高手 1 級 ‧ 2012-10-12 20:54:45 檢舉

謝謝Seanamph大補充有關“TypeScript”之class擴充。

have a nice weekend,

我要留言

立即登入留言