JS的介紹

一、瀏覽器架構：

二、js的應用：

1.網頁中的特效：焦點圖、二級選單、放大鏡

2.表單驗證

3.后臺互動：ajax（調資料）

4.html5的大部分功能

三、JavaScript的概念以及特點：

1.JavaScript是一種基于物件(object)和事件驅動(Event Driven)并且具有安全性能的腳本語言，

2.JavaScript具有以下幾個基本特點：

(1)是一種腳本撰寫語言

(2)基于物件的語言

(3)簡單性

(4)安全性

(5)動態性

(6)跨平臺性

// 繼承，多重繼承-->建構式，純建構式繼承
function classA(sColor){
    this.color=sColor;
    this.sayColor=function(){
        alert(this.color);
    }
}
function classB(bColor,bName){
    this.newMethod=classA;//立即執行
    this.newMethod(bColor);//立即執行
    delete this.newMethod;//洗掉this指向
    this.name=bName;
    this.sayName=function(){
        alert(this.name);
    }
}

四、原型鏈：

1.原型鏈擴展了這種方式，以一種有趣的方式事項繼承機制，

2.原型鏈的弊端是不支持多重繼承，

3.原型鏈會用另一型別的物件重寫類的prototype屬性，

// 把xlassB的prototype屬性設定成classA的實體：
function classA(){}
classA.prototype.color="red";
classA.prototype.sayColor=function(){
    alert(this.color);
}
function classB(){
    classB.prototype=new classA();
}

五、JavaScript的嵌入方式：(嵌入的方式是有順序的，在header中寫入)

1.內嵌方式：

<script type="text/javascript">
    {/* js代碼 */}
</script>

2.外聯方式：(在哪里寫都可以，最后進行渲染)

(1)首先將js代碼保存成獨立的.js檔案，

(2)在html中進行引入操作，

<script type="text/javascript" src="url.js">
    {/* js代碼 */}
</script>

六、進行注釋：

1.單行注釋： //注釋內容

2.多行注釋： /* 注釋內容 */

七、變數：

1.變數(本質)

(1)存取資料的內容空間叫做變數，

(2)記憶體：運行中程式資料暫存空間，

(3)變數的宣告和賦值：

var a;
a = 1;//放入快取中
alert(a);

2.變數的命名規則

(1)JavaScript變數的命名規則：以字母或下劃線開頭可以包含字母、數字、下劃線，不能包含特殊字符(空格、@、$等)

(2)不能使用關鍵字和保留字

1)關鍵字：break、case、catch、continue、 default、delete、do、else、finally、for、function、if、in、instanceof、new、return、default、void、while、with.

2)保留字：abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile.

(3)標準命名法：

1)駝峰法：Gamel命名法：第一個單詞第一個字母小寫，接下來的每個單詞第一個字母都是以大寫字符開頭，

2)帕斯卡Pascal命名法：第一個單詞第一個字母大寫，接下來每個單詞第一個字母都以大寫字符開頭，

3)匈牙利命名法：以Pascal前加一個小寫字母(或小寫字母序列)

(4)宣告變數：

var amsg="數值型別";//宣告變數，賦值以及輸出
var a,b,c;
a=1;//?和?：字串連接：1.字串+任意字串  2.數值+數值:加法運算
b=2;
c=3;
console.log(c);//控制臺輸出
var x=1,y=2;
alert(a);
alert(x);
alert(amsg+a);//加號和減號：除了數值+數值，其他的都是字串連接(從左到右)

3.JavaScript常用資料型別——不同型別資料可以做不同運算

(1)JavaScript常用資料型別(基本資料型別)，

1)數值型：整數和實數、NaN(數值型別為空)、數值型可以做所有算術運算，

2)布爾型：true false（布爾型可以做邏輯運算），

3)空型別：undefined(未定義)、null(物件為空)、（變數未賦值），

4)null型別：表明某個變數的值為空，

5)字串型：凡是用單引號 ' ' 或雙引號 “ ” 包裹的內容都是字串(英文半角)，

(2)復合資料型別(參考資料型別)

1)物件：object

var car={ name: ; length:  ; price: ;}

2)陣列：Array

var a=[1,2,3,4];

3)函式：Function (型別測驗：typeof)

var a=1;//數值
var b=false;//布爾
var c="abc";//字串
var d=[1,2,3,4];//陣列
// var d=new Array(1,2,3);
var e={name:'lily',age:19};//物件
var f=function(){ };//方法
console.log("a:"+typeof a);
console.log("b:"+typeof b);
console.log("c:"+typeof c);
console.log("d:"+typeof d);
console.log("e:"+typeof e);
console.log("f:"+typeof f);
console.log("null:"+typeof null);
console.log("NaN:"+typeof NaN);
console.log("undefined:"+typeof undefined);

4)運算式：由運算子連接陣列成的式子，不管運算子多長，最終是一個值，

例：2+3*3、5+6 運算元：2、3、3、5、6 連接操作樹符號：+、-、*、/

5)算數運算子：

加+、減-、乘*、除/、取模(取余)%、負數-、自增++、自減--、

取模：0<=取模運算<=除數-1， a++、++a都等價于a=a+1;

// +或-在運算元前，先算自增或者自減，再算其他運算
a=1;x=++a;
x=a=a+1;

// +或-在運算元后，先算其他運算，再算自增或者自減
b=1;y=b++;
y=b=b+1;

var a=1,b=1;
console.log(a++);//輸出也算作是一種運算
console.log(++a);

6)比較運算子：

等于==(判斷的時候兩邊都有值)、嚴格全等===(型別和值都一樣時為true，否則為false)、不等于!=、飛非嚴嚴格全等!==、大于>、小于<、大于等于<=、小于等于<=、賦值運算子=、

注：比較運算運算式的結果是布爾true、false，

7)邏輯運算子：

1)邏輯與&(兩邊同時為真，則為真)、邏輯或||(有一邊為真則為真)、邏輯非！

注：邏輯運算式的結果是布林值true和false.

var a = 1;
var b = "1";
console.log(a > 1 || typeof b == "string");//true

8)條件運算子：

表達 ? 值1 : 值2;
// 如果運算式為真，回傳值為值1，如果運算式為假，回傳值為值2，
var a = 1;
var b = "1";
var r = a > 1 ? "對了" : "錯了";
console.log(r);


var name="tom",sex="男",age=19;
var r=sex="男"?age>19?"符合":"年齡不符合":"性別不符合";
console.log(r);