一、程式語言
c語言
是一種編譯語言
hello.c無法直接執行在作業系統上
編寫-> 編譯 ->執行（直接執行在作業系統上）

Java語言（跨平臺）
	編寫-> 編譯 ->執行（執行在jvm）

js語言（nodeJS）
	解釋性語言
	弱型別語言
	編寫 -> 執行

二、快速入門
1、js組成
IE ----- ies
firefox ----- ffs
google chrome ----- gcs
opera
safari

	ECMAScript (ECMA)
		js語法標準
			變數
			資料型別
			關鍵字
			操作符
			語句（流程，迴圈）
			陣列
			面向物件

			js開發者
			js解析者
	DOM (jquery)
		文件物件模型
		js語法標準開發出來的操作元素的js庫
		var dom = document.getElementById()
		dom.onclick()
	BOM
		瀏覽器物件模式
		window.alert();
		confirm()
		prompt()
		setInterval()
		setTimeout()
 

2、第一個js例子：hello.js
var str = “hello”;
console.log(str);

	$ node hello.js

3、js註釋
// 單行註釋
/**/多行註釋
1:1

	html註釋 <!---->
	css註釋	/**/

4、 關鍵字和保留字
var str = “hello”
var, if, else, while, do, switch,…

5、變數
可以變化的量
js中的變數是弱型別的。變數的資料型別只有在初始化的時候才能被確定
1) 弱型別
var a ; //undefined
a = 3; //number
a = true //boolean
a = “19” //string
a = null //null

2. 變數宣告
   var a ;
   var b , c;

3. 初始化
   a = 3;
   b = true;

4. 變數宣告的提升
   console.log(e); //undefined
   var e = 3;

    	->
    	var e;	(宣告提升)
    	console.log(e);
    	e = 3;
   

5)變數的資料型別
①基本資料型別（5種）
1.1 string
“true” ‘1’
“hello"11"world”
" ’ \t \n
1.2 number
1 1.1
NaN (not a number)
isNaN(變數)
如果變數為NaN，那麼返回true
Infinity
var a = 1/0;
無限大
isFinite(變數)
如果變數正常，返回true
1.3 boolean
true / false
1.4 undefined
未初始化
以undefined來初始化
1.5 null
以null來初始化

				function createPerson(name,age){
					var person = null;
					if(name && age){
						person = new Object();
						person.name = name;
						person.age = age;
					}
					return person;
				}

				var p = createPerson("terry",22);
				if(p == null){
					console.log("未初始化");
				} else {
					console.log(p.name);
				}

			if(typeof a == 'boolean') {

			}

判斷變數所屬資料型別
typeof 變數名

②引用資料型別
除了基本資料型別之外所有的其他資料型別都為引用資料型別

三、JS中的操作符
1) 算術運算子 (Number)
+ +=
- -=
* *=
/ /=
% %=

	5%2 = 1
	var a = 3;
	a+=3

	//a = a+3;
2) 一元運算子
	++
		前置，先自增再參與其他運算
			var a = 3;
			var b = ++a + 1;
		後置，先參與其他運算再自增
			var a = 3;
			var b = (a++)+1;
	--
		與++類似
	+
		var a = 3;
		+a;
		var a = 'a';
		+a;	
		將其他型別轉化為Number型別
	-
		var a = 3;
		-a 		// -3
		var a = 'a''
		-a
		將其他型別轉換為Number型別，再加-
		+a
		-（-a）
3) 比較運算子 （boolean）
	== 		比較值
	===		先比較資料型別再比較值
		null == undefined 	//true undefined派生自null
		null === undefined 	//false

		'12' == 12 	//true
		'12' === 12	//false
	!=
	!==
	>
	<
	>=
	<=
4) 邏輯運算子(短路運算子) (boolean)
	&& 並且
		同真則真，有假則假
		exp1 && exp2
		exp1,exp2可以為boolean也可以為其他資料型別，如果為其他資料型別在運算前先轉換為boolean在進行運算

		exp2 = true
		exp1 = false
		如何證明？

	||
		有真則真，同假才假

		var a = 3;
		var b ;

		var input = '19';

	!
		var a = true
		!a 		//false
		var a = 'hello';
		!a 		//false

		快速將其他型別轉換為布林型別的方法
		!!a

5) 三目運算子
	? : 
	boolean_exp ? exp1 : exp2;
	var xb = gender == 1 ? '男' : '女'; 
	var a = day==1?'週一':day==2?'週二':'週三'

	<div id="main">	
		姓名<div>{{name}}</div>
		性別<div>{{gender==1?"男":"女"}}</div>
	</div>

	<script>
		export default {
			data(){
				return {
					name:'terry',
					gender:1
				}
			},
			methods:{
				sayName:function(){

				}
			}
		}
	</script>
6) 位運算子

四、基本資料型別的型別轉換
1) 將其他資料型別轉換為Number
轉換
+a
-(-a)
Number(a)
true 1
false 0
undefined NaN
解析
parseInt() 解析為整數
parseFloat() 解析為小數
true NaN
false NaN
undefined NaN
2) 將其他資料型別轉換為Boolean
!!a
Boolean(a)
number
非0/Infinity true
0/NaN false
string
非空字串 true
空字串 false
null false
undefined false

3. 將其他資料型別轉換為String
   var a = true;
   a = a+’’

五、流程控制語句
1) if語句
if(exp){
//…
}
當exp為真，才可以執行大括號中的內容
當exp不為boolean的時候，先轉換為boolean型別

2) if-else 
	if(condition) {
		exp1
	} else {
		exp2
	}
	當condition為真，執行exp1，否則執行exp2
3) if-else if - else
	if(condition1){
		exp1
	} else if (condition2) {
		exp2
	} else {
		exp3
	}

4) switch
	var day = "3";
	switch(day){
		case 1:

			break;
		case 2:

			break
		case 3:

			break;
		default:
			...
	}
	1. 變數與常量比較的時候使用===
	2. 在case程式碼塊不可以省略break;不然程式碼會直接向下執行直到遇到break或者程式碼結束
	3. default的位置可以不在最後，當在其他位置上時，break不能省略

六、 迴圈語句
要素
初始化條件
結束條件
迭代

1) for迴圈
	for(初始化條件; 結束條件; 迭代) {
		//迴圈體
	}
	
	初始化條件執行1次
	結束條件執行 n+1次
	迭代 n次

	1 + 2 + 3 + ... + 100
	(1+100)*50
2) do-while

	var i = 10;
	var total = 1;
	do {
		total *=i;
		i--;
	} while(i>0);

3) while
	var i = 10;
	var total = 1;
	while(i>0){
		total *= i;
		i--;
	}

	10

4) for-in (增強for迴圈)
	主要用於遍歷陣列或者物件
	var arr = ["terry","larry",true,12];
	for(var i in arr){
		console.log(i);
	}

七、物件
引用資料型別
複雜的資料結構，類似於C語言中的結構體，用於儲存多個值。
1) 建立
1. 通過建構函式（根 Object）
Object是一個建構函式，所有的子建構函式都繼承自Object

		var obj; //建立一個東西
		obj = new Object();	//引用
		obj.name = 'terry';
		obj.age =22;
		obj.gender = true;
		
		var a ;
		a = 12;	//基本
		
	2. 使用物件字面量

		var obj = {
			name:'terry',
			age:12,
			gender:true,
			firends:null
		};
		屬性名與屬性值通過:隔開，屬性與屬性之間通過,隔開。屬性名可以不加引號。當屬性名出現特殊字元，需要加引號。 屬性可以動態新增刪除

2) 物件屬性的訪問
		var obj = {name:'terry',age:12};
	obj.屬性名
		obj.name

	obj[屬性名]
		obj['name']
		=>
		var a = 'name';
		obj[a]

	屬性刪除
		delete obj.key

3) 引用拷貝，值拷貝
		var obj1 = {name:'terry',age:12};
		var obj2 = obj1;
		obj2.age++;

		obj1.age 	13
		obj2.age 	13

		var a = 1;
		var b = a;
		b++;

		a 	1
		b 	2
4) 檢測
	in

	var obj = {name:"terry",age:12};
	'name' in obj

	user

	if('gender' in user){
		console.log(user.gender);
	} else {
		console.log('性別未初始化');
	}

	console.log(user.gender);

5) Object（拓展）

	var obj = new Object();
	=>
	var obj = {};

	Object是一個建構函式 			人類
	obj2建構函式產生的例項 			李老師

	Object
		toString()	物件轉換為字串
		valueOf() 	物件轉換為number

	obj1 obj2 obj3
       由於obj1是Object的例項，所以obj1可以呼叫Object中的方法。
  obj2,obj3也同樣可以。因為他們都屬於Object的例項