博客轉移到個人站點：
http://www.wangchengmeng.club/2018/02/01/JavaScript—%E5%AD%A6%E4%B9%A0%E4%B8%80/
歡迎來吐槽
JS書寫的位置：
1、直接在HTML標籤中書寫
//javascript代碼2、在單獨的文件中書寫，鏈接到中
3、直接使用 javascript:function()
注意：如果不讓a標籤的href發送請求可以使用
javascript:void(0);或者javascript:;（推薦使用）
JS調試對象Console：
1、Console是什麼：
console對象是瀏覽器中提供的一個對象，並不是所有瀏覽器都支持。該對象專門爲程序員作調試程序使用。
2、使用：
console專門用來調試，調試完畢之後趕快刪除。
console對象中的輸出內容都在console控制檯上。
3、那些瀏覽器支持Console對象
1）Google瀏覽器默認情況下支持；
2）新的Firefox瀏覽器默認才支持，老的Firefox瀏覽器須安裝firebug；
3）新版本的IE瀏覽器也支持。
4、日誌調試
console.log(“日誌調試”)；
console.debug(參數1,參數2,參數3…..);
參數的類型可以是任意的..
console.dir(對象和數組);
查看一個數組或者一個對象中的內容和屬性.
比如：
var arr = {“hello”,”excuse me”};
console.dir(arr);
控制檯輸出：0 hello
1 excuse me
JS基本語法：
‘use strict’; //這是JS中的嚴苛模式(對語法要求比較嚴格) 放在第一行 那就對全局起作用 如果放在 方法內部 僅僅對方法局部有作用
/========================================簡單函數和變量聲明 ==================/
//變量的聲明方式：
//1、先聲明再賦值
var name;
name = “wangchengm”;
//2、多個變量同時聲明
var name,sex,age;
//3、多個變量同時賦值
name = sex = age = 30;
var name = sex = age = 30;
//注意:如果變量只有聲明沒有賦值該變量值爲 undefined 會報錯
var a = 30;
var b = 20; //聲明變量
//函數
function hello() {
if (a > b){
alert(“a bigger than b”); //JS內建函數
}else{
confirm(“a smaller than b”);
}
}
//調用 函數
hello();
/**
* 判斷一個變量是否是數字 如果是 求它 三次冪
*/
function caculNum(number){
if (isNaN(number)){ //判斷是否是number 不是返回ture 是返回false
return “it is not a number”;
}else{
return Math.pow(number,3); //number的三次方
}
}
var num = “a”;
var result = caculNum(num);
if(isNaN(result)){
alert(“result is not a number”);
}else{
alert(“result is” + result);
}
//匿名函數：
var func = function () {
alert(“匿名函數”);
}
//調用
func();
//匿名函數的自調用 該函數沒有賦值給一個變量，
(function () {
alert(“匿名函數的自調用”);
})();
//函數是可以作爲參數傳遞給另外函數的
var add = function (a,b) {
return a+b
}
function show(a,b,handler) {
return handler(a,b)
}
//調用
var sum = show(2,3,add); //sum = 5;
//函數的返回值 可以是一個函數
function showMsg() {
return function () {
alert(“返回的函數”);
}
}
var result = showMsg();//result就是函數體
//調用
result();
//JS函數的編譯
// 函數在編譯時會被自動聲明到script第一行之前的之前，
// 最最前面（在全局變量之前），並且以函數名 爲變量名字，
// 同時將函數自身賦值給該變量，所以同名變量將會覆蓋同名的函數。
/===========================================字符串的方法和屬性=====================/
var name = “wangchengmeng”;
function getNameLength() {
alert(name.length); //字符串的長度
alert(name.substr(0,3)); //wan
alert(name.toUpperCase()); //WANGCHENGMENG
}
//getNameLength();
// slice() match() search() replace() contact()
/===========================================數組=============================/
//創建數組 1
var stars = new Array(3);
stars[0] = “zhangfei”;
stars[1] = “guanyu”;
stars[2] = “liubei”;
//創建數組 2
var names = [“array1”,”array2”,”array3”];
//創建數組3 類似二維數組
var muiltyArray = [[“hehe”,”haha”],[“cry”,”smile”],[“love”,”hate”]];
//使用concat() 連接兩個數組
var oldArr_1 = [1,2,3];
var oldArr_2 = [4,”hello”];
var newArr = oldArr_1.concat(oldArr_2); //newArr –> [1,2,3,4”hello”]
//使用join() 將一個數組中的元素變成一個連接的字符串 還可以指定分隔符
var joinArr = [“a”,”b”,”c”];
var newJoin = joinArr.join(““); // 爲分隔符 newJoin==”a*b*c” 可以不利用for循環 查看數組的全部元素
//push() pop() 方法 都是在隊尾開始操作
//push() 向數組尾部添加一個元素 並返回該數組此刻的length
//pop() 刪除數組尾部的 一個元素 並返回刪除的元素
/===========================================基本類型之間的類型轉換==================/
var num1 = 100;
var num2string = String(num1); // number – string
var string1 = “wangchengmeng”;
var string2num = Number(string1); // string – number ToNumber()函數也可以
/========================================循環 條件語句====================/
// if else ,while do while,switch 一樣的
//for循環
for (var i = 0;i<2;i++) {
alert(“loop:”+i);
}
//for in 循環
var forInArr = [“hello”,”hi”,”excuse me”];
for (var arr in forInArr) {
alert(forInArr[arr]); //arr遍歷出來的是下標
}
var forInObj ={};
forInObj.name = “wangchengm”;
forInObj.age = “24”;
forInObj.sex = “boy”;
//標記：在JS中 訪問對象的屬性有兩種方式 forInObj.name forInObj[name]
for(var obj in forInObj) {
alert(obj+”=====”+forInObj[obj]); //obj 對應對象的屬性 forInObj[obj] 對應屬性的值
}
/========================================條件語句驗證表單===================/
function submits() {
var name = document.forms[0].name.value;
if (name == “mike”) {
alert(“hello mike,how are you!”);
}else if (name == “Oli”) {
alert(“Hi, Oli,where are you going?”);
}else{
alert(“anybody here?”);
}
return true;
}
//confirm 內建函數
function isConfirm(answer) {
var result = “”;
if (answer) {
result = “your answer is right”;
}else {
result = “your result is wrong”;
}
return result;
}
var con = confirm(“How about?”);
var resu = isConfirm(con);
alert(resu);