JavaScript_01 語法

1、JavaScript由瀏覽器解釋執(zhí)行。必須通過HTML/XHTML文檔才能執(zhí)行。

     方式一:
     <html>
       <head>
           <meta charset="utf-8" />
           <title>example</title>
           <script type="text/javascript">
               //doSomething
           </script>
       </head>
       <body>
       </body>
     </html>
      方式二:
      <html>
        <head>
            <meta charset="utf-8" />
            <title>example</title>
            <script src="js/example.js"></script>
        </head>
        <body>
        </body>
    </html>
  方式三:
  <html>
    <head>
        <meta charset="utf-8" />
        <title>example</title>
    </head>
    <body>
        <script type="text/javascript">
            //doSomething
        </script>
    </body>
</html>

2、語法
-2.1 語句
推薦做法時將不同的腳本分行編寫,且后面增加;結(jié)尾。例如:
first statement;
second statement;
-2.2 注釋
(1)、 //單行注釋,兩個雙斜杠
(2)、/多行注釋
注釋內(nèi)容放在/
……*/標(biāo)簽中
*/
(3)、

<!-- 這個也是javascript的注釋方法,為避免與HTML的注釋,發(fā)生混淆,建議你使用前兩種-->

-2.3 變量
(1)、變量的聲明使用var關(guān)鍵字
(2)、可以先聲明變量,再賦值,例如:

            var age;
            age = 18;

(3)、也可以聲明變量的同時給變量賦值,例如:

            var name = "john";age="33";

-2.4 數(shù)據(jù)類型
(1)、字符串:由""雙引號擴(kuò)起來。例如var name="john".當(dāng)字符串中包含單引號或者雙引號時,需要使用轉(zhuǎn)義字符。例如:var height = "like 5'10" tall";
(2)、數(shù)值:數(shù)值除了支持整數(shù)外,也支持浮點數(shù),例如:var num=23.22
同時支持負(fù)數(shù),例如:var num = -12;
也支持負(fù)的浮點數(shù),例如:var num = -23.22;
(3)、布爾值:布爾值只有true和false。分別表示真,假
(4)、數(shù)組:
-數(shù)組的定義:var element = new Array(length).其中l(wèi)ength可以寫也可以不寫
- 數(shù)組下標(biāo)從0開始
-定義數(shù)組的時候直接賦值:var elements =Array(12,34,'tom');
-直接創(chuàng)建數(shù)組:var years = [2000,2013,2018];
-一個數(shù)組中可以包含其他數(shù)組:

                   var  lon = ['john','ringo','paul'];
                   var bath = [];
                   var bath[0] = lon;

(5)、對象:
-創(chuàng)建對象需要用到Object關(guān)鍵字

var lon = Object();
lon.name='john';
lon.age=18;
lon.living=false;

-更簡潔的創(chuàng)建對象語法,使用花括號:

var lon = {name:'john',age:18,living:false};

-javascript中有很多內(nèi)置對象,例如Data,Array,Math
-訪問對象的屬性和方法,使用 點 語法來訪問。

3、操作
(1)、算數(shù)運算符:加(+)、減(-)、乘()、除(/)、遞增(++)、遞減(--)
-運算時為避免歧義,可使用括號把不同的操作區(qū)分開。例如:(1+4)
5;
-"+"號運算符也常用于字符串的拼接;
-"+="運算符用于完成"加法和賦值"操作,例如:year +=1;這個就相當(dāng)于year = year +1;
(2)、條件語句:
-if 用于當(dāng)符合條件時,執(zhí)行腳本。例如:if(true){doSomething;}
-if……else……當(dāng)符合條件時,執(zhí)行if下的語句,否則,執(zhí)行else 下的語句;例如:

if(true){
        doSomething;
    }else{
        doSomething;
    }

(3)、比較運算符
-大于或等于 >=
-小于或等于<=
-大于 >
-小于 <
-等于 ==
(4)、邏輯操作符
-邏輯與:&或者&&
-邏輯或:||
-邏輯非:!=
(5)、循環(huán)語句
-for循環(huán):for(initial condition; test condition; alter condition{statement;}

        例子:
                    for(var i =0;i<10;i++){
                          alert(i);
                    }
  -while循環(huán):當(dāng)條件為真時,執(zhí)行循環(huán)。while(condition){statement;}
        例子:
                  var i=1;
                   while(i< 10){
                        alert(i);
                        i++;
                    }
  -do……while循環(huán):至少執(zhí)行一次;do{statement}while(condition);
        例子:
                  var count =1;   
                  do {
                        alert(count);
                        count++;
                 }while(count <10)

(6)、變量的作用域
-局部變量:定義在方法函數(shù)中的變量,稱為局部變量,僅在函數(shù)內(nèi)部可用
-全局變量:定義在方法函數(shù)外部,可以從腳本的任何位置-包括函數(shù)內(nèi)部引用

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,569評論 0 13
  • 一、基本語法 1. 語句 1.1 每一行是一個語句,語句不需返回值,表達(dá)式有返回值。 2. 變量 2.1 嚴(yán)格地說...
    Viaphlyn閱讀 274評論 0 0
  • FreeCodeCamp - Basic JavaScript 寫在前面: 我曾經(jīng)在進(jìn)谷前刷過這一套題,不過當(dāng)時只...
    付林恒閱讀 16,583評論 5 28
  • // border =1 在設(shè)備像素比為2時為2px @mixinborder-1px($color) { pos...
    逆流成河wsy閱讀 305評論 0 0

友情鏈接更多精彩內(nèi)容