JS基礎(chǔ)一

輸出消息的幾種方式

  • 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;
    }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容