麒麟子Javascript遊戲編程零基礎教程五:Javascript中的變量

不知道爲什麼,今年的五一過得特別快。我還專門把公司假期調整到六天,依然覺得過得很快。當然麒麟子是沒有出門的,看到朋友圈那種堵成狗的照片,感覺有點傻。哈哈哈。

不知道大家還記不記得上一節課的作業,輸出車子,房子,老婆,當然你也可以輸出 孩子

console.log('車子');

console.log('房子');

console.log('老婆');

console.log('孩子');

看到沒,就這樣瘋狂輸出,你就什麼都有了。哈哈俁。

想必,通過這個練習,大家也都掌握了console.log的基本用法。它就是你拿來 “輸出”的工具。


一、爲什麼叫它變量

回到今天的主題,我們學習Javascript最基礎的東西,變量。

大家不用去理解爲什麼這東西叫變量。你可以問問你自己,爲什麼你叫 趙某天,錢某山,孫某人。。。 就是一個名字而已。發明Javascript的人給了他這個名字。


二、變量的表達方式

var money = 99.5;

var t = 2;

var myName = '麒麟子';

總結:變量的表現形式爲 var 變量名 = 值 

舉例說明:var myName = '麒麟子';

var 用來說明,我們要聲明一個變量

myName 是一個變量的名稱

'麒麟子' 是這個變量的值

整句話可以理解爲  聲明一個叫 myName 的變量,然後把 '麒麟子'存到他裏面


三、變量拿來幹什麼

var myName = '麒麟子';

console.log(myName);

輸出結果:麒麟子

可能有小夥子就有意見了:麒麟子,你不按套路出牌啊,這種情況不是一般都會讓人先猜一下麼,或者賣個冠子,讓大家自己去試。然而,麒麟子就是一個不按套路出牌的人,我覺得這麼簡單的東西,大家不用試了。

如果不看我的解釋,也能明白的話,我覺得小夥子你算天賦異稟啦。變量就好比一個盤子,可以朝它裏面裝東西。 裝的這個東西,可以傳遞給其它需要它的地方。

上面的例子中,我們把 '麒麟子'這個東西裝到 myName中, 然後調用了console.log(myName)進行輸出,console.log會自動取出myName存入的值。進行輸出。


四、變量的種類

1、實數(Number)

比如 0,1,33.5,27.4 就是實數。

2、字符串(String)

比如 '麒麟子好帥啊', '你媽媽喊你回家喫飯', '0.3' 就是字符串

注意: var a = 0.3; 和 var b = '0.3'; 是不一樣的。 用單引號或者雙引號包住的,都算字符串。 大家可以用 typeof 來自行嘗試

var a = 0.3;

console.log(typeof(a));

var b = '0.3';

console.log(typeof(b));

3、對象(Object)

我們可以用花括號聲明一個對象,對象裏面可以放上變量。像這樣

var obj = {};

obj.a = 0.3;

obj.b = '0.3';

console.log(obj.a);

console.log(obj.b);

這樣我們就得到了一個對象。 對象的作用,是方便我們把關聯比較緊密的變量放到一起,便於管理。

比如,我們要記錄你的個人信息。

var info = {};

info.name = '麒麟子';

info.age = 18;

info.gender = '大帥哥';

info.money = 0;

這個info我們就叫對象,而info.name 我們一般叫作 對象屬性,上面的info擁有name,age,gender,money這五個屬性。

有了上面的基礎入門後,想要了解Javascript更多的對象信息,麒麟子建議大家百度 Javascript對象 ,把能看懂的文章都看一遍。

4、null

null 是一個十分特別的東西,它表示這個對象沒存放內容。

比如上面的info

var info = {};

//一頓*操作

info = null;

一但一個對象爲null,那它的值就不能被訪問了。 info.name 是要出事的,不信你們試試。 (這個地方,建議真的試試)

5、undfined

undefined是一個特別奇葩的東西。它表示這個值沒有被定義。 有兩種情況會發生

1、情況一:輸出未定義的變量

console.log(info);

假如我們不進行 var info = ...  這樣的操作,直接輸出info, 你會發現他的值是 undefined.

2、情況二:輸出未定義的對象屬性

var info = {};

console.log(info.name);

你會發現輸出的也是undefined.


五、總結

變量是你寫代碼的開始,也是最核心最基礎的內容,如果無法理解變量,那你的編程人生就只能停止不前了。建議大家除了本文以外,多百度搜索相關文章,多做練習。

今天的練習題特別簡單。大家弄明白下面的代碼是什麼意思

var a = 1;

var b = 2;

var c = a + b;

console.log(c);

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章