1. 程式人生 > >JavaScript專題學習一 之JavaScript簡單介紹

JavaScript專題學習一 之JavaScript簡單介紹

JavaScript介紹            行業內簡稱為js,後面還有一個jquery是javaScript的封裝框架非常重要,所以這兩個請一定要掌握!!!在實際專案工作中,必須會用到這兩個,所以覺得這兩個比較弱的,還是有必要再好好練習下!!!

如果對您有幫助 ,請多多支援.多少都是您的心意與支援,一分也是愛,再次感謝!!!  支付寶讚賞: 記得點選下面的餘額寶,紅包可能要大些。 

Javascript語言誕生主要是完成頁面的資料驗證。因此它執行在客戶端,需要執行瀏覽器來解析執行JavaScript程式碼。

特點:

  1. 互動性(它可以做的就是資訊的動態互動)
  2. 安全性(不允許直接訪問本地硬碟)
  3. 跨平臺性(只要是可以解釋Js的瀏覽器都可以執行,和平臺無關)

JavaScript與Java不同

  1. JS是Netscape公司的產品,前身是LiveScript;Java是Sun公司的產品,現在是Oracle公司的產品。JScript微軟  w3c ECMA組織   ECMAScript   jQuery

js 是 java script的縮寫

  1. JS是基於物件,Java是面向物件。

window物件。location物件,History物件,Document物件

  1. JS只需解釋就可以執行,Java需要先編譯成位元組碼檔案,再執行。  JS程式碼有無,瀏覽器一般不會提示錯誤。
  1. JS是弱型別,Java是強型別。

int 變數名  = int型別

var 變數名 = 隨意。

  1. JS中的註釋

每種語言都有它自己的註釋方式,咱們來回憶一下,

Html的註釋: <!-- html註釋  -->

Css 的註釋: /* CSS註釋 */

Java 註釋   

單行註釋://

多行註釋:/* java多行註釋 */

JavaScript 的註釋跟Java一樣,有單行,也有多行

單行註釋://

多行註釋:/* 多行註釋 */

  1. 關鍵字、識別符號

什麼是關鍵字?

關鍵字:是系統預先定義好的擁有特定含義的單詞或者字母組合。

if ,else,class,throw,switch等等

什麼是識別符號?

識別符號:是我們自己給自己定義好的擁有特定含義的單詞或者字母組合。

int i1;  i1 就是一個識別符號

  1. 常量

簡單的理解,常量,就是不會發生改變的記憶體值。

Java中的常量分類:

數字:整數和小數 12, 23.12

字元:使用單引號引用 ‘A’  

字串:使用雙引號引用 “this is a String!”

布林值:true或false

空值:null

JS中的常量分類:

數字:不分整數和小數 12, 12.1212   number型別

字串:使用單引號或者雙引號引用起來的都是字串 “abc”

布林值:true或false

空值:null

未定義:undefined  初被賦初值

NAN:not a number 。表示非數字

  1. 變數

什麼是變數?變數是可以存放某些值的記憶體的命名。

Java 的變數型別:

字元形: char

布林型別: boolean

位元組型別: byte

短整形: short

基本整形: int

長整形: long

單精度浮點形: float

雙精度浮點形: double

字串型別: String

物件型別: Object

介面型別: interface

javaScript的變數型別:

數值型別: number

字串型別: string

物件型別: Object

布林型別: boolean

函式型別: function

javascript裡特殊的值:

null 空值

undefined 未定義(所有變數未被賦初值的時候,它的預設值就是undefined)

NAN: not a number 縮寫  非數字

JS中的定義變數格式:

var 變數名;

var 變數名 = 值;

運算子:

7.1、算術運算:

加法 : +

減法 : -

乘法 : *

除法 : /

自增 : ++

自減 : --

求餘運算 : %

賦值運算

等於 : =

加等於 : +=

減等於 : -=

乘等於 : *=

除等於 : /=

求餘等於 : %=

7.3、關係(比較)運算

大於號: >

小於號: <

等於: ==

全等於: ===

不等於: !=

大於等於: >=

小於等於: <=

邏輯運算

且運算: &&

或運算: ||

取反運算: !

位運算

& 按位與:   對應的位都為1時,結果為1.

| 按位或:    對應的位,只要有一個為1時,結果為1

^ 按位異或:     對應的位相同時為零,不同時為1

~ 按位取反:   對應位為1時,結果為零,對應位為0時,結果為1

<< 左移:     按位 左移N 位,相當於乘以2的N次方

>> 右移:     按位 右移N位 ,相當於除以2的N次方

>>> 帶符號右移:   連同符號位,按位右移

三元運算

格式:表示式1 ? 表示式2 :表示式3

當表示式1為真時,返回表示式2的值,否則返回表示式3的值

8、語句

8.1、if判斷結構:

1.判斷語句有哪3種

if(表示式){

語句1

}

if(表示式1){

程式碼1

} else{

程式碼2

}

if ( 表示式1 ){

程式碼1

} else if (表示式2) {

程式碼2

} else {

程式碼3

}

switch分支結構

1.switch 語句格式:

switch(變數){

case 值1:

break;

case值2:

break;

default:

}

while和do-while 迴圈

while 語句格式:

while(表示式) {

語句

}

do - while 語句格式:

do{

}while(表示式);

while先判斷後執行,

do-while先執行後判斷

for迴圈

for 迴圈語句:

for ( 語句1; 語句2; 語句3 )  {

迴圈體

……

}

語句1主要是用來初始化變數

語句2,判斷迴圈條件

語句3,修改迴圈變數

函式(重點****)

10.1、函式的三種定義方式

第一種通過function關鍵字定義函式。

格式如下:

function 函式名(引數列表){

函式體

}

如果你想定義帶有返回值的函式。只需要在函式體內使用return語句。直接返回你要返回的結果就可以。例如:

function 函式名(引數列表){

// do some thing

return (some thing);

}

函式的第二種定義方式:

var 變數名(函式名) = new Function(“引數列表”,”函式體”);

函式的第三種定義方式:

格式如下:

var 變數名(函式名) = function(引數列表){

函式體

}

陣列

11.1、陣列第一種定義方式

Java 裡中定義陣列:

型別[] 陣列名 = new 型別[];

型別[] 陣列名 = { a,b,c,d};

Js 中 陣列的定義:

var 陣列名 = []; // 這是定義一個空的陣列

var 陣列名 = [12,”this is a string!” , true,1234];  // 就定義了一個帶有四個元素的陣列。