//在script標簽中，所有//后面的內容都稱之為注釋
//注釋的作用一般都是為一段JavaScript進行一些解釋，讓其他Web前端開發工程師或者是閱讀這段代碼的時候更加清楚明了

//變量是一個值的符號名字，通過這些變量的名字，我們也能夠大體的知道這個變量是干什么用的，屬于是什么變量類型
//區別變量很簡單。變量的前面都有“var” ，也就是說變量是通過“var”進行聲明的。

var m; //聲明一個變量m

//一般我們把要聲明的值用等號賦給變量
var m = 10; //現在的變量m等于 10

m //通過 變量 m 來獲取剛才聲明的值

//alert(m) //利用alert()函數，在瀏覽器出彈出m的值

//JavaScript的數據類型：布爾值，數字，字符串，underfind，函數，數組，對象

var n = 1; //數字
n = 0.01 //整數和實數都是數字類型

var s = "你好"; //由雙引號內的文本構成的字符串
s = '國安'; //由單引號內的文本構成的字符串

var b = false; //錯誤的布爾值
b = true; //正確的布爾值

var z = null; //一個null的空值，是一個特殊的類型，typeof后是對象

var u; //underfind

var j = { //一個代表json的對象
li :3, //屬性“li”的值是3
meng :4 //屬性“meng”的值是4
}

j["li"] //通過[]訪問json中的值
j.li //通過.訪問json中的值
j.long = 5 //通過賦值的方法創建新的屬性
j.ai = { //通過賦值可以創建新的json
xin : 33
}
j.kong = {} //{}代表空對象，它沒有屬性

j.ai.xin //通過.訪問新的json中的屬性

var a = [2,3,2] //一個代表數組的對象

a[0] //數組中[]代表[]中數字代表位置，數組從0開始，所以a[0]是數組的第一個元素
a.length //length代表數組a的個數，3
a[a.length-1] //代表數組中的最后一個元素
a[9] = 2; //用賦值的方法添加新的元素

//若a = []，那么代表數組里的元素為零個，a.length = 0

a[0] = {
li : 333
}

//json中能包含數組，數組中也能包含json

//alert(a[0]["li"])

//JavaScript中可以運用預算符，進行兩個數之間的運算，可以產生新的值
//下面是比較常見的一些預算符，如"+"、"-"、"*"、"/"

//1、介紹運算符
10 + 10 //加法，20
10 * 10 //乘法，100
10 - 10 //減法，0
10 /10 //除法，1

var j = { //一個代表json的對象
li :3, //屬性“li”的值是3
meng :4 //屬性“meng”的值是4
}

j["li"] - j.meng //json j中的屬性li 減去 json j中的屬性meng ，結果是-1

"10" + "10" //加法可以進行字符串的拼接，結果是100

//2、JavaScript中定義了一些簡寫的運算符

var num = 0 //定義一個數字

num++; //代表自增，num = num + 1;
num--; //代表自減，相當于 num = num - 1;
num += 2; //代表自增2 ，相當于num = num + 2;
num *= 8; //代表自稱8 ，相當于num = num * 8;

//3、運算符進行判斷

var a = 1,b = 2; //一個等號代表復制，兩個變量之間用","隔開，代表同時聲明

a == b; //結果是false 意思是a和b是相等嗎
a != b; //結果是true 意思是a和b不相等嗎
a < b; //結果是true 意思是a小于b嗎
a <= b; //結果是true 意思是a小于或者等于b嗎
a > b; //結果是false 意思是a大于b嗎
a >= b; //結果是false 意思是a大于或者等于b嗎
"two" == "three"; //true "tw"在字母表中的索引大于"th"
false > (a > b) //結果是true 意思是false和false進行比較

//4、邏輯運算符

(a == 2) && (b == 3) //結果是true。a是等于2 并且 b是等于3 的嗎 。&&代表并且的意思
a > 2 || b > 2 //結果true ，第一個是false，第二個是true，由于 || 代表或的意思
!(a == b) //結果是true 。！ 是 求反 的意思

//1、函數是一段帶有參數的JavaScript代碼端，可以一次定義，多次調用，也可以帶有參數

var a = 3; //聲明一個值為3的變量a；

function fn1 (n) { //一個參數為n名為fn1的函數
return n+1; //返回一個比傳入的值大一的值
}

fn1(a) //結果是4，由于剛才聲明的a的值為3，所以調用函數時候，執行 a+1 也就是3+1

var fOne = function(m) { //函數也是一種數據類型，所以也可以把變量賦值成一個函數
return m*m; //返回一個數值，進行 參數 * 參數 的運算
}

fOne(a) //結果是 9

//2、方法，把函數賦值給變量的屬性

var arr = []; //創建一個新數組
arr.push(1,2,3); //用push()方法向arr數組里從后添加元素
arr.reverse(); //用reverse()方法將數組中的元素順序反轉

var points = [ //聲明一個元素中是json的數組
{a : 0,b : 0},
{a : 1,b : 1}
]
points.dist = function () { //在聲明的數組中定義一種計算兩點之間距離的方法

var p1 = this[0]; //用this獲取當前數組的引用
var p2 = this[1]; //并且賦值給兩個新的變量
var a = p2.a - p1.a; //x軸上的距離
var b = p2.b - p1.b; //y軸上的距離

return Math.sqrt(a*a + b*b) //用Math()中的sqrt()計算平方根從而得到兩點之間的距離

}

alert(points.dist()) //結果是1.414

//3、控制語句
//條件語句和循環語句被稱之為控制語句

function abs (m) { //求絕對值函數

if (m >= 0) { //如果比較結果為true
return m; //返回 m
}else { //若比較結果為false
return -m; //返回 -m
}

}

function factorial (n) { //計算階乘的函數

var num = 1; //聲明一個值為1的變量

while (n > 1) { //當()內的表達式為true時候，執行循環{}內的代碼

num *= n; //相當于 num = num * n
n--; //相當于 n = n -1

}

return num //返回階乘的結果

}

factorial(4) //結果是24

function factorialFor (n) { //用for循環實現階乘
var i, num = 1; //聲明變量i，并且聲明值為1的變量num

for (i=2; i <= n ; i++) { //將i從2循環到n
num *= i; //循環體，當循環體中只有一句話的時候可以省略{}
}

return num; //返回計算好的階乘表

}

factorialFor(5)

//定義一個構造函數，就是先創造一個初始化的對象

function Point (x,y) { //構造函數名的第一個字母要大寫
this.x = x; //this代表的就是這個初始化對象
this.y = y; //將函數的參數存到這個初始化對象的屬性中
} //構造函數中不需要返回，return什么東西

//使用new關鍵字，和構造函數，創建一個新的對象
var p = new Point(1,1); //創建一個平面坐標為(1,1)的點

//通過給構造函數原型賦值，來給Point新創建的對象添加方法
Point.prototype.r = function () {

return Math.sqrt(
this.x*this.x + this.y*this.y
); //利用Math中的sqrt()方法進行開平方根運算。this指代的是調用方法的對象

}

p.r() //結果是1.414