JavaScript(js)

ECMA-----定義的基礎語法

DOM------document? object? model

BOM------Browser? object? model

Javasript 基于對象的，也是面向對象

ECMAScript描述了以下內容：

語法

類型

語句

關鍵字

保留字

運算符

對象（封裝 繼承 多態）基于對象的語言 使用對象

JavaScript的引入方式

直接編寫： <script>alert(123) </script>導入文件 <script src="index.js"></script>

JavaScript的基礎

1 變量

js是一門相當隨便的語言，是一門弱類型語言。

在JavaScript中，這些字母被稱為變量。

0變量是弱類型的（很隨便）；

1、聲明變量時不用聲明變量類型，全部使用var關鍵字；

var a：

2、一行可以聲明多個變量，并且可以是不同類型

var name="yuan",age=18,sex="male";

3、（了解）聲明變量時，可以不用var.如果不用var 那么它是全局變量。

4、變量命名，首字符只能是字母，下劃線，$美元符 三選一，且區分大小寫，x與X是兩個變量

5、變量還應遵守以下某條著名的命名規則：

var myFirstValue="123";
var MyFirstValue="123";

在以Pascal標記法命名的變量前附加一個小寫字母（或小寫字母序列），說明該變量的類型。例如，

?i表示整數，s表示字符串，如下所示。

?var iMyFirstValue=123

2?基礎規范

1、每行結束可以不加分號.沒有分號會以換行符作為每行的結束 a=1;b=2; a=1 b=2;------錯誤a=1 b=2//推薦 a=1; b=2;{a=1;b=2;//推薦加taba=1;b=2; }

2、注釋 支持多行注釋和單行注釋?/* */? ?//

3、使用{}來封裝代碼塊

3 常量和標識符　

常量：直接在程序中出現的數據值

標識符：

1、不以數字開頭的字母、數字、下劃線（_）、美元符號（$）組成

2、常用于表示函數、變量等的名稱

3、例如：_abc，$abc,abc,abc123是標識符，而1abc不是

4、JavaScript語言中代表特定含義的詞成為保留字，不允許程序再定義為標識符

　

4 數據類型?

4.1 數字類型（Number）

簡介

最基本的數據類型

不區分整型數值和浮點型數值

所有數字都采用64位浮點格式存儲，相當于Java和c語言中double格式

能表示的最大值是±1.7976931348623157 x 10308 能表示最小的值是±5 x 10 -324 整數： ??????? ?在JavaScript中10進制的整數由數字的序列組成 ?????? 精確表達的范圍是-9007199254740992 (-253) 到 9007199254740992 (253)
超出范圍的整數，精確度將受影響 浮點數： ????????使用小數點記錄數據 ????? 例如：3.4 ， 5.6 ????? 使用指數記錄數據 ???? ? 例如：4.3e23 = 4.3 x 1023 16進制和8進制數的表達 ???? ? 16進制數據前面加上0x，八進制前面加0
16進制數是由0-9,A-F等16個字符組成
8進制數由0-7等8個數字組成
16進制和8進制與2進制的換算 # 2進制: 1111 0011 1101 0100 <-----> 16進制:0xF3D4 <-----> 10進制:62420 # 2進制: 1 111 001 111 010 100 <-----> 8進制:0171724

4.2?字符串（string）

簡介

是由Unicode字符、數字、標點符號組成的序列

字符串常量首尾由單引號或雙引號括起

JavaScript中沒有字符類型

常用特殊字符在字符串中的表達

字符串中部分特殊字符必須加上又劃線\

常用的轉義字符 \n:換行? \’:單引號? \":雙引號? \\:右劃線

?

String數據類型的使用

?特殊字符的使用方法和效果

?Unicode的插入方法

<script>var str="\u4f60\u597d\n歡迎來到\"JavaScript世界\""; console.log(str); </script>

4.3?布爾型（Boolean）

簡介

Boolean類型僅有兩個值：true和false，也代表1和0，世紀運算中true=1，false=0

布爾值也可以看作on/off、yes/no、1/0對應true/false

Boolean值主要用于JavaScript的控制語句，例如

<script>if (2>1){console.log(false+1) }if (2>1){console.log(ftrue) }</script>

4.4?Null&Undefined

Undefined 類型

Undefined類型只有一個值，即undefined。當聲明的變量未初始化時，該變量的默認值是undefined。

當函數無明確返回值時，返回的也是值“undefined”

<script> var a; console.log(a); #undefined console.log(typeof a); #undefined </script>

Null類型

另一種只有一個值的類型是Null，它只有一個專用值null，即它的字面量。值undefined實際上是從值null派生來的，因此 ECMAScript 把它們定義為相等的

盡量這兩個值相等，但它們的含義不同。undefined是聲明了變量但未對其初始化時賦予該變量的值，null則用于表示尚未存在的對象，如果函數或方法要返回的是對象，那么找不到該對象時，返回的通常是null

var person=new Person()?? 關鍵字 new 實例化一個對象?

var person=null 代表的空對象

基本數據類型

<script> var n=5; var s ="hello"; var b =false;console.log(typeof n); #numberconsole.log(typeof s); #stringconsole.log(typeof b); #boolean </script>

數據類型轉換

JavaScript屬于松散類型的程序語言

變量在聲明的時候并不需要指定數據類型

變量只有在賦值的時候才會確定數據類型

表達式中包含不同類型數據則在計算過程中會強制進行類型轉換

數字+字符串：數字轉換成字符串

<script> var s =12+"hello"; console.log(s); console.log(typeof s); </script> #12hello #string

數字+布爾值：true轉換為1，false轉換為0

<script> var s1=true +1; console.log(s1); console.log(typeof s1); </script> #2 #number

字符串+布爾值：布爾值轉換為字符串true或false

<script> var s1=true+"hello"; console.log(s1); console.log(typeof s1); </script> #truehello #string

強制類型轉換函數

函數parseINT：強制轉換成整數 例如：

console.log(parseInt( "6.12"));? #6
console.log(parseInt( "12a")); ?#12?

函數parseFloat：強制轉換成浮點數

console.log(parseFloat("6.12"));? #6.12

函數eval： 將字符串強制轉換為表達式并返回結果 eval("1+1")=2 ; eval("1<2")=true?

NaN：當涉及數據轉換成數字時得不到結果。

類型查詢函數（typeof）

console.log(typeof "test"+3);? #string

console.log(typeof null);?? #object

5 ECMAScript運算符

5.1 算數運算符

加(＋)、 減(－)、 乘(*) 、除(/) 、余數(% )? 加、減、乘、除、余數和數學中的運算方法一樣? 例如：9/2=4.5，4*5=20，9%2=1

-除了可以表示減號還可以表示負號? 例如：x=-y

+除了可以表示加法運算還可以用于字符串的連接? 例如："abc"+"def"="abcdef"

5.2?遞增（++）、遞減（--）

自加自減?? 先引用在賦值i++（先引用在計算）

<script> var ret; ret=i++; // i=i+1 console.log(ret); console.log(i); ++i 先賦值在引用 （先計算在引用）console.log(++i);console.log(i); </script>

　　

<script> var d="hello";var a=+d; #轉換成正整數console.log(a); #NaNconsole.log(typeof a); #number//NaN 與誰做比較都是false 除了!=console.log(a>3);//falseconsole.log(a<3);//falseconsole.log(a==3);//falseconsole.log(a==NaN);//falseconsole.log(a!=NaN);//true </script>　　

5.2 邏輯運算符

等于 ( == ) 、不等于( != ) 、 大于( > ) 、 小于( < ) ?大于等于(>=) 、小于等于(<=) 與 (&&) 、或(||) 、非(!) 1 && 1 = 1 1 || 1 = 1 1 && 0 = 0 1 || 0 = 1 0 && 0 = 0 0 || 0 = 0!0=1 !1=0console.log(2=="2"); //true 因為已經做過數據轉換 console.log(2==="2"); //false console.log(2===2); //true?

5.2.1 邏輯AND運算符（&&）

邏輯AND運算的運算數可以是任何類型的，不止是Boolean值。

如果某個運算符不是原始的Boolean型值，邏輯AND運算并不一定返回Boolean值:

? 如果某個運算數是null，返回null

? 如果某個運算數是NaN，返回NaN

? 如果某個運算數是undefined，返回undefined

5.2.2?邏輯OR運算符（||）?

與邏輯AND運算符相似，如果某個運算數不是Boolean值，邏輯OR運算并不一定返回Boolean值； 賦值 = JavaScript中=代表賦值，兩個等號==表示判斷是否相等 例如，x=1表示給x賦值為1 if (x==1){...}程序表示當x與1相等時 if(x==“on”){…}程序表示當x與“on”相等時配合其他運算符形成的簡化表達式 例如i+=1相當于i=i+1，x&=y相當于x=x&y console.log(2=="2");//true console.log(2==="2");//false console.log(2===2);//true console.log(4 !="4");//false console.log(4 !=="4");//truevar a = 2; //0001 var b = 4; //0001 var c1 = a<b | --b>--a; //1 // 位運算 var c2 = a<b || --b>--a; //truevar c3 = a<b &&--b>--a; //true var c4 = a<b & --b>--a;//1 位運算

5.2.3?關系運算符（重要）

最高位做比較（按照ASSIC碼代碼）console.log("25"<"3"); //true//兩個運算都是字符串，所以比較的是它們的字符代碼("2"的字符代碼是50, // "3"的字符代碼是51)console.log("Blue"<"alpha"); //true//字母B的字符代碼是66，字母a的字符代碼是97console.log("25"<3); //false//字符串"25"將被轉換成數字25，然后與數字3進行比較，就是false//總結：比較運算符兩側如果是一個數字類型，一個是其他類型，會將類型轉換成數字類型 // 比較運算符兩側如果都是字符串類型，比較的是最高位的asc碼，如果最高位相等，繼續取第二位比較

5.2.4 Boolean運算符（重要）

var temp=new Object();// false;[];0; null; undefined;object(new Object();)if(temp){console.log("yuan") }else {console.log("alex") }

6 if 控制語句　　

if-else基本格式 if (表達式){ 語句１; ...... }else{ 語句２; ..... } 功能說明 如果表達式的值為true則執行語句1, 否則執行語句2

?

#第一種： if(2>1){console.log("success!") }else {console.log("failure") }第二種： var x=(new Date()).getDate(); //獲取今天的星期值，0為星期天 var y; if ((x==6) || (x==0)){y="周末" }else {y="工作日"; }//等價于y="工作日"; if ( (x==6) || (x==0) ) { y="周末"; }//console.log(x); //當天時間 23日console.log(y) // 工作日 View Code　

if 可以單獨使用

if語句嵌套格式 if (表達式1) {語句1; }else if (表達式2){語句2; }else if (表達式3){語句3; } else{語句4; }

?

if (x==1){y="星期一"; }else if(x==2){y="星期二"; }else if (x==6){y="星期六"; }else if (x==0){y="星期日"; }else {y="未定義"; } View Code

?

7 switch 選擇控制語句

switch基本格式 switch (表達式) {case 值1:語句1;break;case 值2:語句2;break;case 值3:語句3;break;default:語句4; }

?

x=3; switch(x){ case 0:console.log("星期一"); break; case 1:console.log("星期二"); break; case 2:console.log("星期三"); break; case 3:console.log("星期四"); break; case 4:console.log("星期五"); break; case 5:console.log("星期六"); break; case 6:console.log("星期日"); break; default: console.log("未定義"); } View Code

?

優點：結構更加清晰，使程序可讀性更強，效率更高。

switch-case只將表達式計算一次,然后將表達式的值與每個case的值比較,進而選擇執行哪一個case的語句塊　

8 for循環控制語句

for循環基本格式 for (初始化;條件;增量){語句1;... } 功能說明 實現條件循環，當條件成立時，執行語句1，否則跳出循環體

?

計算1+2+3....100的值sum=0;for( var i=1;i<=100;i++){sum=sum+i}alert(sum) // 計算1-2-3....100的值sum=0;for(var i=1;i<=100;i++){sum=sum-i }alert(sum)for(var i= 0;i<7;i++){document.write("<h1>hello"+i+"</h1>") //字符串拼接 輸入到文檔屏幕上數組: s=[12,"yuan",true,3.14]; console.log(s); console.log(typeof s);//[12,"yuan",true,3.14]; //object View Code

9 while循環控制語句

while循環基本格式 while (條件){ 語句1； ... } 功能說明 運行功能和for類似，當條件成立循環執行語句花括號{}內的語句，否則跳出循環

?

var i =1; while (i<=10){document.write("<h1>hello+i"+"</h>");i++ }

10?異常處理

try {console.log(“hello”);//這段代碼從上往下運行，其中任何一個語句拋出異常該代碼塊就結束運行 } catch (e) {console.log(e);// 如果try代碼塊中拋出了異常，catch代碼塊中的代碼就會被執行。//e是一個局部變量，用來指向Error對象或者其他拋出的對象 } finally {console.log(finally)；//無論try中代碼是否有異常拋出（甚至是try代碼塊中有return語句），finally代碼塊中始終會被執行。 }

注：主動拋出異常 throw Error('xxxx')　　

轉載于:https://www.cnblogs.com/niejinmei/p/6896684.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的JavaScript(js)/上的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。