JavaScript初始 初級 入門
學前端 就要接觸js在以前的版本學習HTML就是簡單的切圖仔,隨着科技發展 ,HTML不在是簡單的網頁製作,而是可以同過JavaScript語音來實習一些功能 和一些特效,同js可以寫一些不需要java,pyth,c語音來幫助, JavaScript和Java沒有關係 只名字 和創世人的原因 所以語音名字叫JavaScript.
什麼是 JavaScript?
與頁面進行交互的腳本語言,具有較強的邏輯性.
HTML - 結構
css - 表現
JavaScript行爲 -> 動作
編寫 JS 的流程
- 佈局 ：HTML + CSS
- 屬性 ：確定要修改哪些屬性
- 事件 ：確定用戶做的哪些操作，有哪些行爲( 產品設計 )
- 編寫 JS：在事件中，用 JS 來修改頁面元素的樣式
JavaScript 基本介紹及發展趨勢
-
1994年，網景公司(Netscape)發佈了Navigator瀏覽器0.9版，這是世界上第一款比較成熟的網絡瀏覽器，轟動一時。但是這是一款名副其實的瀏覽器–只能瀏覽頁面，瀏覽器無法與用戶互動,當時解決這個問題有兩個辦法，一個是採用現有的語言,許它們直接嵌入網頁。另一個是發明一種全新的語言。
liveScript==>javaScript==>ECMAscript -
1995年Sun公司將Oak語言改名爲Java，正式向市場推出。Sun公司大肆宣傳，許諾這種語言可以"一次編寫，到處運 行"(Write Once, Run Anywhere)，它看上去很可能成爲未來的主宰。
-
網景公司動了心，決定與Sun公司結成聯盟
-
34歲的系統程序員Brendan Eich登場了。1995年4月，網景公司錄用了他,他只用10天時間就把
Javascript設計出來了。（多肽語言） -
(1)借鑑C語言的基本語法; (2)借鑑Java語言的數據類型和內存管理; (3)借鑑Scheme語言，將函數提升到"第一等公民"(first class)的地位; (4)借鑑Self語言，使用基於原型(prototype)的繼承機制。
JavaScript 能幹什麼
- 常見的網頁效果
- 與H5配合實現遊戲
- 實現應用級別的程序
- 實現統計效果
- 地理定位等功能
- 在線學編程
- js可以實現人工智能【面部識別】
- 。。。
JavaScript 的組成
簡單地說，JavaScript是一種運行在瀏覽器中的解釋型的編程語言。
那麼問題來了，爲什麼我們要學JavaScript？尤其是當你已經掌握了某些其他編程語言如Java、C++的情況下。
簡單粗暴的回答就是：因爲你沒有選擇。在Web世界裏，只有JavaScript能跨平臺、跨瀏覽器驅動網頁，與用戶交互。
JavaScript 代碼的書寫位置
- 和 css 一樣，我們的 js 也可以有多種方式書寫在頁面上讓其生效
- js 也有多種方式書寫，分爲 行內式， 內嵌式，外鏈式
變量的概念和基本運算
變量：JavaScript 變量是存儲數據值的容器。
三要素：
變量名 變量值 數據類型:數據存儲空間大小，JS是弱類型的語言(動態類型)，在變量定義時不需要顯式說明數據類型。
變量定義語法： var 變量名 = 變量值; 分拆： 變量聲明 var 變量名; 變量賦值 變量名 = 變量值;
var num = 10;
以上語句聲明瞭一個名字爲 num 的變量，同時賦予了一個值爲 10.
這個變量只能保存最近一次的數據。
以前的數據會被替換，不存在了
使用變量： 通常變量名引用變量值
// 1.使用var關鍵字(variable:可變的量)
var uname; // undefined
uname="周杰倫"; //賦值
// 2.聲明變量即賦值(推薦)
var unam="周杰倫";
// 3.聲明多個變量
var unam="周杰倫",age=20;
注意: 我們在定義變量的時候， 儘可能的不要只聲明，不賦值, 而是聲明的同時初始化一個值
變量名命名規則和關鍵字
變量可以用任何方式進行命名，但我們一般只使用字母、數字、美元符號( $ ) 和下劃線( _ ).
- 變量命名必須以字母或是下標識符"_“或者”$"開頭。
- 變量名長度不能超過 255 個字符
- 變量名中不允許使用空格。
- 不能使用腳本語言中保留的關鍵字及保留符號作爲變量名。
- 變量區分大小寫。( js 裏面區分大小寫 )
關鍵字：已經被JS內部使用了的
break
case
catch
continue
default
delete
do
else
finally
for
function
if
in
instanceof
new
return
switch
this
throw
try
typeof
var
void
while
with
注意：如果把關鍵字用作變量名或函數名，可能得到諸如 “Identifier Expected”（應該有標識符、期望標識符）這樣的錯誤消息。
保留字：雖然暫時還未被使用, 但將來可能會被JS內部使用
abstract
boolean
byte
char
class
const
debugger
double
enum
export
extends
final
float
goto
implements
import
int
interface
long
native
package
private
protected
public
short
static
super
synchronized
throws
transient
volatile
注意：如果將保留字用作變量名或函數名，那麼除非將來的瀏覽器實現了該保留字，否則很可能收不到任何錯誤消息。當瀏覽器將其實現後，該單詞將被看做關鍵字，如此將出現關鍵字錯誤。
標識符
規則：
-
a. 能夠取字母、數字、下劃線、$這幾種符號
-
b. 不能以數字開頭
-
c. 不能是關鍵字 規範：
-
d. 採用簡潔的英文單詞命名（見名知意）
-
e. 第一個單詞首字母小寫，其它單詞首字母大寫。其它字母小寫
提示：JavaScript 標識符對大小寫敏感。
js 當中的數據類型
在生活中也有很多的數據，比如手機號，年齡是數字 比如 名字 可能是中文或者英文日文等等。有數字有中文有英文不同的數據
JavaScript 也提供了不同的數據類型好方便我們進行處理
數值型 Number
此類型用來表示整數和浮點數（小數）值。
比如： 數字 10、10.01、100 、 -100 等等都是。
如下語句：
var num = 100;
num 裏面保存了 一個數值爲 100， 則這個變量就是一個數值型的變量。
我們JavaScript是弱數據類型，變量是沒有固定數據類型的， 總之，你給變量一個什麼值，它就是什麼數據類型的變量。
特殊的數值，即NaN（非數值 Not a Number）。 類似我們說的MMD (麼麼噠) BBD(棒棒噠)是一種縮寫。
這個數值用於表示一個本來要返回數值的操作數未返回數值的情況。（這樣就不會拋出錯誤了）。
例如，在其他編程語言中，任何數值除以0都會導致錯誤，從而停止代碼執行。但在JavaScript中，任何數值除以0會返回NaN，因此不會影響其他代碼的執行。
再比如，我們我們用中文去減去一個數字（“你好嗎” - 10 ） 此時得不到一個數字，就返回NaN.
JavaScript中有一個isNaN()函數，這個函數接受一個參數，該參數可以使任何類型，而函數會幫我們確定這個參數是否“不是數值”。
isNaN()
如果裏面 是個數字 返回的是 false
如果裏面 不是個數字 返回的是 true
alert(isNaN(10)); //false
alert(isNaN("blue")); //true
後面我們經常用它做判斷用戶輸入的是不是一個數字。 比如用戶輸入手機號， 只能輸入數字。
字符型 string
此類型用來表示字符串。字符串可以由單引號(’)或雙引號(")表示。
比如： “你好嗎” ， ‘hello,damao!!’, “123”;
只要添加了引號的都是字符型！
布爾型 boolean
看名字很高大上，其實就是邏輯型， 對與錯 。
它只有2個值， ture 和 false
比如：
var flag = true;
這個flag 就是 布爾型變量。
未定義型 undefined
未定義是值 我們聲明變量了，但是沒有給值。
比如：
var num;
此時，這個num 就是一個未定義數據類型
空型 null
空、無。表示不存在。
可以通過將變量的值設置爲 null 來清空變量。
var num = null;
檢測數據類型 typeof 運算符
typeof 表達式 說明：typeof 返回的是一個字符串，這個字符串說明運算數的類型，該字符串中可取值： “number” “string” “boolean” “undefined” “object” “symbol” “function”
// 第一種使用方式
var n1 = 100;
console.log(typeof n1);
// 第二種使用方式
var s1 = 'abcdefg';
console.log(typeof(s1));
判斷一個變量是不是數字
- 可以使用 isNaN 這個方法來判斷一個變量是不是數字
isNaN：is not a number
// 如果變量是一個數字
var n1 = 100;
console.log(isNaN(n1)); //=> false
// 如果變量不是一個數字
var s1 = 'Jack'
console.log(isNaN(s1)); //=> true