JS(二)引入、變量、值類型、運算符

開始正式的複習JS

主流瀏覽器有哪些
主流瀏覽器內核
IEtrident
Chromewebkit/blink
firefoxGecko
Operapresto
Safariwebkit

如何引入JS?

  • 頁面內嵌<script type="text/javascript"></script>標籤

  • 外部引入<script src="location"></script>

  • 爲符合Web標準(w3c標準中的一項)結構、樣式、行爲相分離,通常會採用外部引用

結構行爲樣式
htmljscss

相分離: 三個文件分開寫,開發標準

JS基本語法

  • 變量(variable)
    • 變量聲明
      • 聲明、賦值分解
      • 單一var
  • 命名規則
    • 變量名必須以英文字母、_、$開頭
    • 變量名可以包括字母、_、$、數字
    • 不可以用系統的關鍵字、保留字作爲變量名

查詢關鍵或者保留字

聲明變量

//聲明一個變量
var a;
//聲明多個變量
var a = 100,
    b = 200,
    c = "holle world";

基本語法

  • 原始值(棧數據):Number Boolean String undefined null(不可改變的原始值)
  • 引用值(堆數據):array Object function...date RegExp等
//原始值幾種類型
//Number類型,數字類型
var a = 111;

//String類型,字符串類型
var b = "我超級帥"

//Boolean類型 就兩個值 一個true 一個false
var c = true;
var d = false;

//undefined類型 就一個值 unedfined
var 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語法錯誤會引發後續代碼終止,但不會影響其它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;//除法 打印2
var 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-->20
a += 10 + 1//等於a = a + 10 +1 打印a-->21
//*=、/=相似 不做介紹

未完待續。。。。下一章邏輯運算符,計較運算符

發佈了36 篇原創文章 · 獲贊 8 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章