js-01-基礎知識

一、JS變數的聲明、數據類型和變數的轉換

 1.js變數聲明關鍵字：var

       註意：a：js變數區分大小寫；

                  b：js中字元串可使用雙引號，也可使用單引號；

                  c：js中可聲明同名變數，控制台不會報錯，但後面變數會覆蓋前面的。

 2.數據類型分類

    a：number（數字類型）

    b：string（字元串類型）

    c：boolean（布爾類型）

    d：null

    e：undefined（未定義）

    f：object（對象類型）

　　註:NaN 是數字類型，但其本質不是數字；它與所有值都不相等，包括自己。

  3.js變數的轉換

   a：使用number（）函數將要轉換的數據類型轉換為數字類型

   b：使用boolean（）函數將要轉換的數據類型轉換為布爾類型

js變數使用註意：

　　變數名稱最好含義明確，以字母或下劃線開頭，跟上數字字母下劃線

a：var age= 12；
b：var test5 ='hello';
c: var _test = 'hello';

二、js的三種引入方式 和瀏覽器javascript支持與否的檢測

  1.內部引入  

<script>
......
</script> 

  2.外部引入（推薦使用）

<script src="路徑" type="text/javascript"></script>

  3.行內引入

<a href="javascript:confirm('aaa');">666</a>
<p onclick="javascript:alert('hello');">clickme</p>

4.檢測瀏覽器是否支持javascript使用方式（一般電腦都會支持）

<noscript>
您的瀏覽器不支持JavaScript
</noscript>

 三、駝峰標記法和下劃線法和js 的三種彈框方式

  a、駝峰標記法和下劃線法

var firstName = 'king';    //小駝峰
var FirstName = 'queen';    //大駝峰
var first_name = 'fyh';    //下劃線法

 b、js的三種彈框方式

   警告彈框：alert（‘ ’）；

   確認框： confirm(' ');

   提示框：prompt('提示語句'，‘input框’）；

  四、js中的運算符

1、算數運算符（+、-、*、/、++、--、%）

<script>
    var i=1,j=2;
    document.write(i+j);  //3
    document.write('<br/>');
    document.write(i-j);   //-1
    document.write('<br/>');
    document.write(i*j);  //2
    document.write('<br/>');
    document.write(i/j);  //0.5
   
     document.write(i%j);  //2
    document.write('<br/>');
     document.write(1%-2);  //1
    document.write('<br/>');
     document.write(-1%2);  //-1
    document.write('<br/>');
     document.write(-2%1);  //0
</script>

　　a:"%"餘數運算符，倆個數相除，取餘數。

　　　　a=10%2; //a=0

　　b:"++"自增運算符　

var a=10;
    //賦值後加1；
var b=a++;
    //a變數的值賦給b，b=10；然後變數a+1，a=11；
var c=++a;
    //將變數a的值+1，a=12；然後將變數a賦值給變數c，c=12；
document.write("b="+b+",c="+c);

      c:"- -"自減運算符

　　var num1=2;

　　　　alert(- -num1);    //輸出num1=1；

　　//浮點型支持自增自減運算符

　　　　num1=12.3；

　　　　alert（--num1）； //輸出num1=11.3；

　　　　註意：字元串類型不支持自增自減運算符

2、賦值運算符（=、+=、-=、*=、/=）

　　“+=”：先加後等，如a+=5，展開後為a=a+5；

　　“-=”：先減後等，如a-=5，展開後為a=a-5；

　　“*=”：先乘後等，如a*=5，展開後為a=a*5；

　　“/=”：先除後等，如a/=5，展開後為a=a/5；

3、字元串運算符（+）

　　字元串運算符只作連接符使用，不進行其他運算。

  eg：var a='fyh';

　　  var b=a+'666';　　　　//b='fyh'+'666'='fyh666';

4、比較運算符(>、<、>=、<=、==、！=、===、！==)

　　eg：a=5>6;   //a=false;

　　　　a=5>=6;  //a=false;

　　　　"=="，值相比較，值一樣返回ture，否則返回flase；

　　　　"===",值和類型同時比較，相同返回ture，不同返回flase；

　　　　“！==”，不絕對相等，值或類型有一個不相等，或者倆個都不相等；

　　　　“===”，絕對相等，值和類型均相等；

5、邏輯運算符（&&、||、！）

　　　　&&(與):倆邊都成立才返回ture，只要不相同就返回false；

　　　　||（或)：a:前面為ture，後邊不管是ture或false，都返回前面的值；

　　　　　　　　b：前面為false，後邊不管是ture或false，都返回後邊的值；

6、逗號運算符　

var a,b,c;
var n=1,m=2;
var z=(x=3,y=4);
console.log(z);//4
console.log(x);//3

7、三元運算符（三目運算符）(a>b ? 'true' : 'false')　

if(3>1){
        document.write('aa');
}else{
        document.weite('bb');
}

document.write('<br/>');
var res=3>1?'aa':'bb';
document.write(res);
document.write('<br/>');

 8、void運算符

<script type="text/javascript">
    //void運算符
    z=void(n=1,m=2,p=3);
    alert(z);
            //z輸出為3
        var x;
    x=123;
    x='king';
    x=true;
    x=null;
    x=undefined;
    x=[1,2,3];
    alert(typeof x);
        //x輸出為undefined    
</script>    

五、null、NaN、" "、undefined比較

 　　1、undefined:未定義類型

　　　　var a;

　　　　alert(a);    //undefined未定義；

　　2、null(空值)

　　　　alert(typeof null);   //object

　　3、NaN(NaN 是數字類型，但其本質不是數字；它與所有值都不相等，包括自己；)

　　　　alert(NaN==NaN);//false;

　　4、　" "

0==" ";   //true

0==false; //true　

null==undefined;   //true 

0==undefined； //false

undefined==false; //false

" "==undefined； //false

0==null； //false

null==false; //false

" "==null； //false