這次帶給大家基礎的JavaScript知識總結,總共有十一個知識點,基礎的JavaScript知識總結(二)引進、變數、值型別、運算子下面就是實戰案例,一起來看一下。
開始正式的複習JS
主流瀏覽器有哪些
主流瀏覽器
核心
IE trident
#Chrome webkit/blink
firefox Gecko
Opera presto
##ari ;script type="text/javascript">2cacc6d41bbb37262a98f745aa00fbf0標籤
外部引入54b86e6140fb5bbae763bc35f5ee64c72cacc6d41bbb37262a98f745aa00fbf0
#為符合Web標準(w3c標準中的一項)結構、樣式、行為相分離,通常會採用外在引用
結構 行為樣式
html js css
#相分離: 三個檔案分開寫入,開發標準
JS基本語法
變數(variable)
宣告、賦值分解
單一var
##變數宣告命名規則變數名稱必須以英文字母、_、$開頭變數名稱可以包含字母、_、$、數字不可以用系統的關鍵字、保留字當變數名稱查詢關鍵或保留字宣告變數//声明一个变量var a; //声明多个变量var a = 100, b = 200, c = "holle world";基本語法原始值(棧資料):Number 布林 String undefined null(不可改變的原始值)引用值(堆疊資料):array Object function...date RegExp等#//原始值幾種類型//Number類型,數字類型var a = 111;//String類型,字串類型var b = "我超級帥"//Boolean類型就兩個值一個true 一個falsevar c = true;var d = false;/ /undefined型別就一個值unedfinedvar e = unedfined;//null型別表示站位表示空
電腦在存值的時候把原始值和參考值存的地方不一樣原始值存到堆疊裡面(stack),引用值大致存到堆疊裡面(heap);
//原始值 栈var a = 10,var b = a; a = 20; //打印出b-->10; //引用值 堆//例子一var arr = [1,2];var arr1 = arr; arr.push(3);//打印出arr1-->[1,2,3];//例子二var arr = [1,2];var arr1 = arr; arr = [1,3];//打印出arr1-->[1,2];
js堆疊和堆疊的區別
##語句後面要用分號結束";"。
JS
語法錯誤會引發後續程式碼終止,但不會影響其它JS程式碼區塊
書寫格式要規範,「=、+、-、/」兩遍應該有空格
function demo(){}函數後面可以不用加分號,for(){}後面可以不用加分號,
##if( ){}後面可以不用加分號//JS語法錯誤會引發後續程式碼終止,但不會影響其它JS程式碼區塊<script type="text/javascript">console.log(a);<script><script type="text/javascript">var b = 1;console.log(b);<script>//第一部分程式碼區塊會直接報錯,但是不影響第二部分的列印b;
JS運算子
JS的Numbr預設浮點型
運算運算子
資料型別
加字串都等於字串#"+"「-」、「*」、 「/」、「=」、「()」「++」、「--」、「+=」、「-=」、「/=」、「*=」、「% =”;
優先級“最弱”,“()”最高JS的加減乘除//加var a = 10, b = 20, c, e, g, h, f; c = a + b;//加 打印30 f = 1 + "a"; //字符串拼接 打印"1a" e = b - a;//减 打印20 g = a*b;//乘 打印200 h = b/a;//除法 打印2var num = 0/0//打印NaN 全称Not A Number 计算机知道是数字但是显示不出来用NaN表示 叫非数 是Numbar类型 var a = 10;var b = 10; a++;//打印a-->11;b--;//打印b-->9;a += 10//等于a = a + 10,打印a-->20a += 10 + 1//等于a = a + 10 +1 打印a-->21//*=、/=相似 不做介绍未完待續。 。 。 。下一章
邏輯運算子
,計較運算子相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章! 相關閱讀: VUE的計算屬性和偵聽器使用案例vue生命週期、vue實例、模板語法以上是基礎的JavaScript知識總結(二)引入、變數、值型別、運算符的詳細內容。更多資訊請關注PHP中文網其他相關文章!