值類型(基本類型)：字符串（String）、數(shù)字(Number)、布爾(Boolean)、對空（Null）、未定義（Undefined）、Symbol。
注：Symbol 是 ES6 引入了一種新的原始數(shù)據(jù)類型，表示獨一無二的值。
引用數(shù)據(jù)類型：對象(Object)、數(shù)組(Array)、函數(shù)(Function)。
js中 var name="Volvo XC60"; var name='Volvo XC60'; ' ' 與 " " 作用是相同的
=== 為絕對相等，即數(shù)據(jù)類型與值都必須相等。
JavaScript 數(shù)組
下面的代碼創(chuàng)建名為 cs 的數(shù)組：
var cs=new Array();
cs[0]="Saab";
cs[1]="Volvo";
cs[2]="BMW";
或者 (condensed array):
var cs=new Array("Saab","Volvo","BMW");
或者 (literal array): 例；var cs=["Saab","Volvo","BMW"];
JavaScript 對象
對象由 { } 分隔。在括號內(nèi)部，對象的屬性以名稱和值對的形式 (name : value) 來定義。
屬性由逗號分隔： var test={name:"John", three:"Doe", id:666};
對象有兩種尋址方式
1.name=test.name; 2.name=test["name"];
兩種方式訪問對象屬性:
1.test.name; 2.test["name"];
"JavaScript 對象是變量的容器"。但是，我們通常認(rèn)為 "JavaScript 對象是鍵值對的容器"。
鍵值對通常寫法為 name : value (鍵與值以冒號分割)。鍵值對在 JavaScript 對象通常稱為 對象屬性。
通常 fullName() 是作為 person 對象的一個方法， fullName 是作為一個屬性。
如果使用 fullName 屬性，不添加 (), 它會返回函數(shù)的定義（函數(shù)表達(dá)式）；添加括號輸出函數(shù)執(zhí)行結(jié)果
document.getElementById("demo1").innerHTML = "不加括號輸出函數(shù)表達(dá)式：" + person.fullName; 不加括號輸出函數(shù)表達(dá)式：function() { return this.firstName + " " + this.lastName; }
document.getElementById("demo2").innerHTML = "加括號輸出函數(shù)執(zhí)行結(jié)果：" + person.fullName(); 加括號輸出函數(shù)執(zhí)行結(jié)果：test java
局部 JavaScript 變量
在 JavaScript 函數(shù)內(nèi)部聲明的變量（使用 var）是局部變量，所以只能在函數(shù)內(nèi)部訪問它。（該變量的作用域是局部的）。
全局 JavaScript 變量
在函數(shù)外聲明的變量是全局變量，網(wǎng)頁上的所有腳本和函數(shù)都能訪問它。
JavaScript 變量的生存期
JavaScript 變量的生命期從它們被聲明的時間開始。
局部變量會在函數(shù)運行以后被刪除。
全局變量會在頁面關(guān)閉后被刪除。
非嚴(yán)格模式下給未聲明變量賦值創(chuàng)建的全局變量，是全局對象的可配置屬性，可以刪除。
var var1 = 1; // 不可配置全局屬性var2 = 2; // 沒有使用 var 聲明，可配置全局屬性console.log(this.var1); // 1console.log(window.var1); // 1console.log(window.var2); // 2delete var1; // false 無法刪除 局部變量無法被刪除console.log(var1); //1delete var2; //全局屬性可以被刪除console.log(delete var2); // true 已經(jīng)刪除console.log(var2); // 已經(jīng)刪除 報錯變量未定義JavaScript 作用域
在 JavaScript 中, 作用域為可訪問變量，對象，函數(shù)的集合
局部變量：只能在函數(shù)內(nèi)部訪問。 函數(shù)參數(shù)只在函數(shù)內(nèi)起作用，是局部變量。
全局變量有 全局作用域: 網(wǎng)頁中所有腳本和函數(shù)均可使用。
在 HTML 中, 全局變量是 window 對象: 所有數(shù)據(jù)變量都屬于 window 對象。
如果變量在函數(shù)內(nèi)沒有聲明（沒有使用 var 關(guān)鍵字），該變量為全局變量。
JavaScript 變量生命周期
JavaScript 變量生命周期在它聲明時初始化。
局部變量在函數(shù)執(zhí)行完畢后銷毀。
全局變量在頁面關(guān)閉后銷毀。
你的全局變量，或者函數(shù)，可以覆蓋 window 對象的變量或者函數(shù)。
局部變量，包括 window 對象可以覆蓋全局變量和函數(shù)。
注：Window 對象表示瀏覽器中打開的窗口
常見的HTML事件的列表:
JavaScript 字符串用于存儲和處理文本。
在JavaScript 中，字符串寫在單引號或雙引號中;
下表中列舉了在字符串中可以使用轉(zhuǎn)義字符轉(zhuǎn)義的特殊字符：
字符串屬性和方法
屬性： 描述：
constructor 返回創(chuàng)建字符串屬性的函數(shù)
length 返回字符串的長度
prototype 允許您向?qū)ο筇砑訉傩院头椒?div style="height:15px;">
字符串方法：
方法描述
charAt()返回指定索引位置的字符
charCodeAt()返回指定索引位置字符的 Unicode 值
concat()連接兩個或多個字符串，返回連接后的字符串
fromCharCode()將 Unicode 轉(zhuǎn)換為字符串
indexOf()返回字符串中檢索指定字符第一次出現(xiàn)的位置
lastIndexOf()返回字符串中檢索指定字符最后一次出現(xiàn)的位置
localeCompare()用本地特定的順序來比較兩個字符串
match()找到一個或多個正則表達(dá)式的匹配
replace()替換與正則表達(dá)式匹配的子串
search()檢索與正則表達(dá)式相匹配的值
slice()提取字符串的片斷，并在新的字符串中返回被提取的部分
split()把字符串分割為子字符串?dāng)?shù)組
substr()從起始索引號提取字符串中指定數(shù)目的字符
substring()提取字符串中兩個指定的索引號之間的字符
toLocaleLowerCase()根據(jù)主機的語言環(huán)境把字符串轉(zhuǎn)換為小寫，只有幾種語言（如土耳其語）具有地方特有的大小寫映射
toLocaleUpperCase()根據(jù)主機的語言環(huán)境把字符串轉(zhuǎn)換為大寫，只有幾種語言（如土耳其語）具有地方特有的大小寫映射
toLowerCase()把字符串轉(zhuǎn)換為小寫
toString()返回字符串對象值
toUpperCase()把字符串轉(zhuǎn)換為大寫
trim()移除字符串首尾空白
valueOf()返回某個字符串對象的原始值
JavaScript運算符
運算符 = 用于給 JavaScript 變量賦值。
算術(shù)運算符 + 用于把值加起來。
y=5：
運算符描述例子x 運算結(jié)果y 運算結(jié)果
+加法x=y+275
-減法x=y-235
*乘法x=y*2105
/除法x=y/22.55
%取模（余數(shù)）x=y%215
++自增x=++y66
x=y++56
--自減x=--y44
x=y--54
JavaScript 賦值運算符。
賦值運算符用于給 JavaScript 變量賦值。
給定 x=10 和 y=5，下面的表格解釋了賦值運算符：
運算符例子等同于運算結(jié)果
=x=y x=5
+=x+=yx=x+yx=15
-=x-=yx=x-yx=5
*=x*=yx=x*yx=50
/=x/=yx=x/yx=2
%=x%=yx=x%yx=0
用于字符串的 + 運算符
+ 運算符用于把文本值或字符串變量加起來（連接起來）。
如需把兩個或多個字符串變量連接起來，請用 + 運算符。
對字符串和數(shù)字進(jìn)行加法運算
兩個數(shù)字相加，返回數(shù)字相加的和，如果數(shù)字與字符串相加，返回字符串，
x=5+5;
y="5"+5;
z="Hello"+5;
x,y, 和 z 輸出結(jié)果為:
10
55
Hello5
JavaScript 比較 和 邏輯運算符
比較和邏輯運算符用于測試 true 或者 false。
比較運算符
比較運算符在邏輯語句中使用，以測定變量或值是否相等。
<p給定x=5，下面的表格解釋了比較運算符：
如何使用
可以在條件語句中使用比較運算符對值進(jìn)行比較，然后根據(jù)結(jié)果來采取行動：
if (age<18) x="Too young";
邏輯運算符
邏輯運算符用于測定變量或值之間的邏輯。
給定 x=6 以及 y=3，下表解釋了邏輯運算符：
條件運算符
JavaScript 還包含了基于某些條件對變量進(jìn)行賦值的條件運算符。
<p> 點擊按鈕判斷年齡。</p>年齡:<input id="age" value="18"/><p>是否達(dá)到投票年齡？</p><button onclick="myFunction01()">點擊按鈕</button><p id="demo01"></p><script>function myFunction01(){var age,voteable;age=document.getElementById("age").value;window.alert(voteable=(age<18)?"年齡不足":"年齡已達(dá)到");document.getElementById("demo01").innerHTML=voteable;}</script>
JavaScript多元運算符
p>1?p<b?p>b:p=6:p=3p>1? 整體 :p=3
1、當(dāng) p>1 時返回 p<b?p>b:p=6
1.1、當(dāng) p<b 時返回 p>b
1.2、當(dāng) p>=b 時返回 p=6
2、當(dāng) p<=1 是返回 p=3 所以先執(zhí)行 1
3、實例中當(dāng) p＝9 的時候，返回 p<b?p>b:p=6 接著執(zhí)行 1.1，當(dāng) p＝9<12 時，返回 p>b，即 9>12，條件不成立所以最終結(jié)果為 false。
JavaScript 中有三種邏輯運算符：
1. 取反 !
首先把數(shù)據(jù)轉(zhuǎn)化為布爾值，然后取反，結(jié)果為 true 或 false。
<script type="text/javascript">var a = [1,2,3];var b = "hello";var obj = new Object();var d;console.log(!""); //trueconsole.log(!d); //trueconsole.log(!a); //falseconsole.log(!b); //falseconsole.log(!obj); //false</script>2. 邏輯與 &&
JavaScript 中邏輯與和其他語言不太一樣，如果第一個操作數(shù)是 true(或者能夠轉(zhuǎn)為 true)，計算結(jié)果就是第二個操作數(shù)，
如果第一個操作數(shù)是 false，結(jié)果就是 false（短路計算），對于一些特殊數(shù)值不遵循以上規(guī)則。
(個人理解為:如果運算的第一個操作數(shù)為true,則返回第二個操作數(shù),反之則返回第一個操作數(shù))
返回的不是單純的 true 還是 false，而是具體的值；
若是第一個值轉(zhuǎn)換布爾值為 true，就返回第二個值；反之，返回第一個值。
白話說就是：哪個值是錯的就返回哪個值，如果都是對的，返回最后一個值。
<script type="text/javascript">var a = [1,2,3];var b = "hello";var obj = new Object();var d;console.log(true && 10); //第一個操作數(shù)是true，結(jié)果是第二個操作，也就是10console.log(false && b); //第一個操作數(shù)是false，結(jié)果flaseconsole.log(100 && false); //第一個操作數(shù)是100，結(jié)果flaseconsole.log(undefined && false); //第一個操作數(shù)是undefined，結(jié)果undefinedconsole.log(NaN && false); //第一個操作數(shù)是NaN，結(jié)果NaNconsole.log(null && false); //第一個操作數(shù)是null，結(jié)果nullconsole.log('' && false); //第一個操作數(shù)是空串，結(jié)果空串console.log(0 && 100); //結(jié)果是0console.log(5 && 100); //100console.log(a && b); //helloconsole.log(obj && 200); //200</script>3. 邏輯或 ||
如果第一個操作數(shù)不是 false，結(jié)果就是第一個操作數(shù)，否則結(jié)果是第二個操作數(shù)。如果第一個操作數(shù)能夠轉(zhuǎn)為 true，
結(jié)果就是第一個操作數(shù)(個人理解為:如果運算的第一個操作數(shù)為 true,則返回第一個操作數(shù),反之則返回第二個操作數(shù))
同 && 類似，返回的不是單純的 true 和 false，而是具體的值。
這個是從頭開始，遇到能轉(zhuǎn)換成 true 的值，就返回那個值，如果沒有 true 的就返回最后一個值。
<script type="text/javascript">var a = [1,2,3];var b = "hello";var obj = new Object();var d;console.log(true || 10); //第一個操作數(shù)是true，結(jié)果是第一個操作，也就是trueconsole.log(false || b); //第一個操作數(shù)是false，結(jié)果是第二個操作數(shù)bconsole.log(100 || false); //第一個操作數(shù)是100，結(jié)果100console.log(undefined || 9); //第一個操作數(shù)是undefined轉(zhuǎn)false，結(jié)果9console.log(NaN || false); //第一個操作數(shù)是NaN轉(zhuǎn)false，結(jié)果第二個操作數(shù)console.log(null || a); //第一個操作數(shù)是null轉(zhuǎn)false，結(jié)果aconsole.log('' || false); //第一個操作數(shù)是空串轉(zhuǎn)false，結(jié)果第二操作數(shù)console.log(0 || 100); //結(jié)果是100console.log(5 || 100); //5console.log(a || b); //aconsole.log(obj || 200); //obj</script>
作者：舊歌
鏈接：
https://www.cnblogs.com/wdyjt/p/14125217.html本文版權(quán)歸作者和博客園共有，歡迎轉(zhuǎn)載。
