• <source id="27oa4"><mark id="27oa4"></mark></source>
    <video id="27oa4"><track id="27oa4"><object id="27oa4"></object></track></video>
    1. <source id="27oa4"><menu id="27oa4"></menu></source>

      <table id="27oa4"><acronym id="27oa4"></acronym></table>
      甘肅信息港

      JavaScript基礎知識及寫法

      分享到:
       2020-03-30 11:03:39 來源: 閱讀:-G0

      JavaScript基礎概念

      JS的組成:

      1.ECMAScript:Js語法

      2.DOM:文檔對象模型 , 文檔:html文檔 ,操作html文檔 (操作html文檔的工具)

      3.BOM:瀏覽器對象模型 , 操作瀏覽器的工具

      JS的三種書寫方式

      行內式,內嵌式,外部鏈接

      JavaScript輸入·輸出語句

      alert(msg) 瀏覽器彈出警告框

      consle.log(msg) 瀏覽器控制臺打印輸出信息

      prompt(info) 瀏覽器彈出輸入框 用戶可以輸入信息

      我自己是一名從事了多年開發的web前端老程序員,目前辭職在做自己的web前端私人定制課程,今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨,各種框架都有整理,送給每一位前端小伙伴,想要獲取的可以關注我的頭條號并在后臺私信我:前端,即可免費獲取。

      變量的概念

      通俗:變量是用于存放數據的容器。 我們通過 變量名 獲取數據,甚至數據可以修改。

      變量理解:變化的量,變化的內容,變化的數據

      變量存儲數據理解:程序運行過程中的數據存儲在內存中,但是內存比較大,為了方便管理,所以將內存分成一個一個的盒子(變量)來存儲

      變量的使用

      1.聲明變量 var 變量名;var age;(聲明一個 名稱為age 的變量)

      2.變量的賦值 var 變量名 = 值; var age = 18; 聲明變量age同時賦值為 18

      變量案例

      var myname = &#39;旗木卡卡西&#39;; // 字符串
      var address = &#39;火影村&#39;;
      var age = 30; // 數字
      var email = &#39;kakaxi@itcast.cn&#39;;
      var gz = 2000;
      console.log(myname);
      console.log(address);
      console.log(age);
      console.log(email);
      console.log(‘gz’); // gz
      console.log(gz); // 2000

      注意:

      • 變量賦值時,值如果是字符串需要添加’’,“”
      • 每行代碼結束,都需要添加;
      • 變量在使用時,不能添加引號 (定義,聲明變量的時候,沒有引號,使用的時候自然也不能添加引號)
        案例2:
      // 1. 用戶輸入姓名 存儲到一個 myname的變量里面
      var myname = prompt(&#39;請輸入您的名字&#39;);
      // prompt 做的事情:
      // (1). 彈出輸入框 , 用戶輸入內容:zs
      // (2). 將用戶輸入內容返回 ,相當于 :var myname = &#39;zs&#39;;
      // 2. 輸出這個用戶名
      alert(myname); // zs

      變量命名規范

      規則

      由字母(A-Za-z)、數字(0-9)、下劃線(_)、美元符號( $ )組成,如:usrAge, num01, _name ***

      嚴格區分大小寫。var app; 和 var App; 是兩個變量

      不能 以數字開頭。 18age 是錯誤的

      不能 是關鍵字、保留字。例如:var、for、while

      變量名必須有意義。 MMD BBD nl → age

      遵守駝峰命名法。首字母小寫,后面單詞的首字母需要大寫。 myFirstName

      推薦翻譯網站: 有道 愛詞霸

      變量案例-交換兩個變量

      // js 是編程語言有很強的邏輯性在里面: 實現這個要求的思路 先怎么做后怎么做 
      // 1. 我們需要一個臨時變量幫我們
      // 2. 把apple1 給我們的臨時變量 temp
      // 3. 把apple2 里面的蘋果給 apple1
      // 4. 把臨時變量里面的值 給 apple2
      var temp; // 聲明了一個臨時變量為空
      var apple1 = &#39;青蘋果&#39;;
      var apple2 = &#39;紅蘋果&#39;;
      temp = apple1; // 把右邊給左邊
      apple1 = apple2;
      apple2 = temp;
      console.log(apple1);
      console.log(apple2);

      簡單數據類型
      JavaScript 中的簡單數據類型及其說明如下:


      數字型范圍:JavaScript中數值的最大和最小值

      alert(Number.MAX_VALUE); // 1.7976931348623157e+308 (10的正308次方)
      alert(Number.MIN_VALUE); // 5e-324 5e-324 (10的負324次方)

      數字型三個特殊值

      alert(Infinity); // Infinity
      alert(-Infinity); // -Infinity
      alert(NaN); // NaN ***
      //課堂代碼:
      // 5. 無窮大
      console.log(Number.MAX_VALUE * 2); // Infinity 無窮大
      // 6. 無窮小
      console.log(-Number.MAX_VALUE * 2); // -Infinity 無窮大
      // 7. 非數字
      console.log(&#39;pink老師&#39; - 100); // NaN:字符串是無法與數字進行運算的,所以結果是一個非數字
    2. Infinity ,代表無窮大,大于任何數值
    3. -Infinity ,代表無窮小,小于任何數值
    4. NaN ,Not a number,代表一個非數值
    5. isNaN
      用來判斷一個變量是否為非數字的類型,返回 true 或者 false

      var usrAge = 21;
      var isOk = isNaN(userAge);
      console.log(isNum); // false ,21 不是一個非數字
      var usrName = &#34;andy&#34;;
      console.log(isNaN(userName)); // true ,&#34;andy&#34;是一個非數字

      字符串型 String
      字符串型可以是引號中的任意文本,其語法為 雙引號 “” 和 單引號’’

      var strMsg = &#34;我愛北京天安門~&#34;; // 使用雙引號表示字符串
      var strMsg2 = &#39;我愛吃豬蹄~&#39;; // 使用單引號表示字符串
      // 常見錯誤
      var strMsg3 = 我愛大肘子; // 報錯,沒使用引號,會被認為是js代碼,但js沒有這些語法

      字符串引號嵌套
      JS 可以用單引號嵌套雙引號 ,或者用雙引號嵌套單引號 (外雙內單,外單內雙)

      var strMsg = &#39;我是&#34;高帥富&#34;程序猿&#39;; // 可以用&#39;&#39;包含&#34;&#34;
      var strMsg2 = &#34;我是&#39;高帥富&#39;程序猿&#34;; // 也可以用&#34;&#34; 包含&#39;&#39;
      // 常見錯誤
      var badQuotes = &#39;What on earth?&#34;; // 報錯,不能 單雙引號搭配

      字符串轉義符

      類似HTML里面的特殊字符,字符串中也有特殊字符,我們稱之為轉義符。

      轉義符都是 \ 開頭的,常用的轉義符及其說明如下:

      字符串長度

      • 字符串是由若干字符組成的,這些字符的數量就是字符串的長度
      • 通過字符串的 length 屬性可以獲取整個字符串的長度
      var strMsg = &#34;我是帥氣多金的程序猿!&#34;;
       alert(strMsg.length); // 顯示 11

      字符串拼接

      • 多個字符串之間可以使用 + 進行拼接,其拼接方式為 字符串 + 任何類型 = 拼接之后的新字符串
      • 拼接前會把與字符串相加的任何類型轉成字符串,再拼接成一個新的字符串
      //1.1 字符串 &#34;相加&#34;
      alert(&#39;hello&#39; + &#39; &#39; + &#39;world&#39;); // hello world
      //1.2 數值字符串 &#34;相加&#34;
      alert(&#39;100&#39; + &#39;100&#39;); // 100100
      //1.3 數值字符串 + 數值
      alert(&#39;11&#39; + 12); // 1112
      //以上的字符串拼接都沒有意義,一般我們字符串會與變量進行拼接

      原文鏈接:https://blog.csdn.net/H_eartbeat/article/details/103102782

      推薦閱讀:360域名批發

      文章評價COMMENT

      還可以輸入2000個字

      暫無網友的評論

      意見反饋

      ×
      J
      亚洲国产中文在线视频免费|国产一级AV片精品久久|国产明星裸体无码xxxx视频|久久精品视频免费播放国产
    6. <source id="27oa4"><mark id="27oa4"></mark></source>
      <video id="27oa4"><track id="27oa4"><object id="27oa4"></object></track></video>
      1. <source id="27oa4"><menu id="27oa4"></menu></source>

        <table id="27oa4"><acronym id="27oa4"></acronym></table>