輸出消息的幾種方式
-
alert
在頁面彈出一個對話框 -
confirm
在頁面彈出對話框有確定和取消,有返回值(bool)。 -
console.log
將信息輸入到控制臺。 -
prompt
彈出對話框接受用戶用戶輸入信息 -
document.write
輸出到頁面,支持嵌套標簽
變量
var a;//變量定義,這個時候a是undefined,
a = "sss";//變量賦值,a是string類型。所以var只代表定義變量。
數(shù)據(jù)類型
簡單數(shù)據(jù)類型
Number 數(shù)字類型,包括正數(shù)負數(shù)和小數(shù)
var a = 123;
String 字符串,雙引號單引號的都是字符串
var a = '123';
var b = "123";
Boolean 布爾數(shù)據(jù)類型,非零即真
var a = 1;
var b = "1";
alert(a == b);//雙等號只判斷值是否相等,不判斷類型,所以true
alert(a === b);//三等號值和類型都判斷,false
//!= 和 !==是跟 == 和 === 相對的
Date和Math函數(shù)
Date
var myDate = new Date();
console.log(myDate);//獲取當前標準時間
console.log("獲取當前是周"+ myDate.getDay());//星期日是0
console.log("獲取當前月份是"+ (myDate.getMonth() + 1) +"月");//從12月開始
console.log("獲取當前日期是"+ myDate.getDate() +"號");
console.log("獲取當前年份是" + myDate.getFullYear() +"年");
console.log("獲取當前小時是" + myDate.getHours() + "時");
console.log("獲取當前分鐘是" + myDate.getMinutes() + "分");
console.log("獲取當前秒是" + myDate.getSeconds() + "秒");
console.log("獲取當前毫秒是" + myDate.getMilliseconds() + "毫秒");
console.log("獲取從1970/01/01午夜累計的毫秒數(shù)是" + myDate.getTime() + "毫秒");//時間戳
//定義指定時間(定義格式兼容性比較好)
var newDate = new Date("2018/05/05 00:00:00");
console.log(newDate);
Math
var n1 = 12;
var n2 = 1.23;
var n3 = 3.98;
var n4 = -12.01;
//天花板函數(shù)
alert(Math.ceil(n2));//向大數(shù)方向取整,無論是1.幾都會輸出2
alert(Math.ceil(n4));//負數(shù)向上取整,所以是12
//地板函數(shù)
alert(Math.floor(n2));//向下舍入 輸出1
alert(Math.floor(n4));//向下舍入 輸出-13
alert(Math.max(n1,n2));//比較大的,取大
alert(Math.min(n1,n2));//比較小的,取小
alert(Math.pow(n1,n2));//n1的n2次方
alert(Math.round(n3));//四舍五入
alert(Math.random());//返回0-1隨機數(shù)
數(shù)據(jù)類型轉(zhuǎn)換
數(shù)字轉(zhuǎn)字符串
var n1 = 123;
alert(String(n1) + typeof(String(n1)));
alert(n1.toString() + typeof(n1.toString()));
字符串轉(zhuǎn)數(shù)字
var n1 = "123";
var n2 = "mysdjskd";
var n3 = "23abc";
var n4 = "1.23";
字符串轉(zhuǎn)數(shù)字
Number
alert(Number(n1));
alert(Number(n2));//不能轉(zhuǎn)
alert(Number(n3));//不能轉(zhuǎn)
alert(Number(n4));//轉(zhuǎn)成原數(shù)字
//parseInt
alert(parseInt(n1));
alert(parseInt(n3));//會把前面數(shù)字識別出來 輸出23
alert(parseInt(n4));//取整,
//parseFloat
alert(parseFloat(n1));
alert(parseFloat(n3));//會把前面數(shù)字識別出來 輸出23
alert(parseFloat(n4));//能輸出小數(shù)
布爾類型轉(zhuǎn)換
//非零即真
alert(null);//null,0, undefined都是false
alert(Infinity);//無窮大,true
隱式類型轉(zhuǎn)化
var n1 = 12;
var n2 = "3";
var n3 = n1 - n2;
var n4 = n1 + n2;
alert(n3 + typeof(n3));//運算時候再轉(zhuǎn),由于轉(zhuǎn)成字符串也無法計算
alert(n4 + typeof(n4));//傾向于字符串
函數(shù)
getSum();//函數(shù)可以先執(zhí)行
function getSum() {
var sum = 0;
for (var i = 0;i <= 100;i ++){
sum += i;
}
alert(sum);
}
//函數(shù)名可以覆蓋,所以執(zhí)行下面的
function getSum() {
alert(33);
}
//帶參數(shù)
function add(a,b) {
alert(typeof (a));//單個的變量不知道是什么的時候都是undefined
alert(a + b);//當兩個變量相加的時候不知道的回事NaN
}
add(1,2,1);//多余的實參函數(shù)不管,繼續(xù)執(zhí)行
add();//因為沒有傳任何參數(shù),a+b不知道是什么所以NaN
//求斐波那契數(shù)列第n個數(shù)的值
function feibonaqie(n) {
if (n <= 2){
return 1;
}
var arr = [1,1];
for (var i = 2;i < n;i++){
arr[i] = arr[i - 1] + arr[i - 2];
}
return arr[n - 1];//返回就return關(guān)鍵字
}
alert(feibonaqie(13));
//遞歸
function feibonaqie(n) {
if (n <= 2){
return 1;
}else {
return feibonaqie(n - 1) + feibonaqie(n - 2);
}
}
alert(fff);//函數(shù)名就是函數(shù),所以會把整個函數(shù)輸出
alert(fff());//由于沒有返回值,所以undefined
function fff() {
var a = 1;
}
匿名函數(shù)
//匿名函數(shù)
//直接調(diào)用
(function () {
alert(1);
})();
//綁定事件
document.onclick = function () {
alert(2);
}
//定時器
setInterval(function () {
console.log(1);
},1000);
回調(diào)函數(shù)
//回調(diào)函數(shù)
//既然函數(shù)名就是函數(shù)整體,那么可以吧函數(shù)名當做參數(shù)傳遞
function addValue(a,b) {
return a + b;
}
function demo(a,b,fn) {
return fn(a,b);
}
console.log(demo(1,2,addValue));
局部變量和全局變量
//全局變量
function fn() {
var a = b = c = 1;
var d = 1;e = 1;f = 1;
var g = 1,h = 1,i = 1;
b,c,e,f是隱式全局變量,剩下全是局部變量
}
fn();//一定執(zhí)行了才能被創(chuàng)建,bcef才能使被訪問得到,否則會報錯
console.log(b);
console.log(c);
console.log(e);
console.log(f);
預(yù)解析
預(yù)解析:js的解析器再頁面加載的時候,首先檢查頁面上的語法錯誤,把變量聲明提升起來,變量只提升變量名不提升變量值,而用function直接定義的方法是整體提升的
1,查看語法錯誤。
2,變量聲明提升(只提升變量名不提升變量值)和函數(shù)整體提升
3,函數(shù)范圍內(nèi)一樣適用
console.log("a"+ "=" + a + ";" +"b" + "=" + b);//a和b的值是undefined
var a = 100;
var b ;
fn();//函數(shù)一樣執(zhí)行
function fn() {
alert(1);
console.log(a);//就近原則問題,當局部變量也存在a,不會用上邊的變量,所以打印是b的值是undefined
console.log(c);//變量提升再函數(shù)內(nèi)部一樣適用,所以打印b的值是undefined
var c = 100;
var a;
}