JavaScript專題學習一 之JavaScript簡單介紹
JavaScript介紹 行業內簡稱為js,後面還有一個jquery是javaScript的封裝框架非常重要,所以這兩個請一定要掌握!!!在實際專案工作中,必須會用到這兩個,所以覺得這兩個比較弱的,還是有必要再好好練習下!!!
如果對您有幫助 ,請多多支援.多少都是您的心意與支援,一分也是愛,再次感謝!!! 支付寶讚賞: 記得點選下面的餘額寶,紅包可能要大些。
Javascript語言誕生主要是完成頁面的資料驗證。因此它執行在客戶端,需要執行瀏覽器來解析執行JavaScript程式碼。
特點:
- 互動性(它可以做的就是資訊的動態互動)
- 安全性(不允許直接訪問本地硬碟)
- 跨平臺性(只要是可以解釋Js的瀏覽器都可以執行,和平臺無關)
JavaScript與Java不同
- JS是Netscape公司的產品,前身是LiveScript;Java是Sun公司的產品,現在是Oracle公司的產品。JScript微軟 w3c ECMA組織 ECMAScript jQuery
js 是 java script的縮寫
- JS是基於物件,Java是面向物件。
window物件。location物件,History物件,Document物件
- JS只需解釋就可以執行,Java需要先編譯成位元組碼檔案,再執行。 JS程式碼有無,瀏覽器一般不會提示錯誤。
- JS是弱型別,Java是強型別。
int 變數名 = int型別
var 變數名 = 隨意。
- JS中的註釋
每種語言都有它自己的註釋方式,咱們來回憶一下,
Html的註釋: <!-- html註釋 -->
Css 的註釋: /* CSS註釋 */
Java 註釋
單行註釋://
多行註釋:/* java多行註釋 */
JavaScript 的註釋跟Java一樣,有單行,也有多行
單行註釋://
多行註釋:/* 多行註釋 */
- 關鍵字、識別符號
什麼是關鍵字?
關鍵字:是系統預先定義好的擁有特定含義的單詞或者字母組合。
if ,else,class,throw,switch等等
什麼是識別符號?
識別符號:是我們自己給自己定義好的擁有特定含義的單詞或者字母組合。
int i1; i1 就是一個識別符號
- 常量
簡單的理解,常量,就是不會發生改變的記憶體值。
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 。表示非數字
- 變數
什麼是變數?變數是可以存放某些值的記憶體的命名。
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]; // 就定義了一個帶有四個元素的陣列。