這篇“JavaScript基礎知識點分析”除了程序員外大部分人都不太理解，今天小編為了讓大家更加理解“JavaScript基礎知識點分析”，給大家總結了以下內容，具有一定借鑒價值，內容詳細步驟清晰，細節處理妥當，希望大家通過這篇文章有所收獲，下面讓我們一起來看看具體內容吧。
JavaScript是一種基于對象和事件驅動的、并具有安全性能的腳本語言,已經被廣泛用于Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。
JavaScript特點
是一種解釋性腳本語言（代碼不進行預編譯）。
主要用來向HTML（標準通用標記語言下的一個應用）頁面添加交互行為。
可以直接嵌入HTML頁面，但寫成單獨的js文件有利于結構和行為的分離。
跨平臺特性，在絕大多數瀏覽器的支持下，可以在多種平臺下運行（如Windows、Linux、Mac、Android、iOS等）。
JavaScript組成
JavaScript日常用途
嵌入動態文本于HTML頁面。
對瀏覽器事件做出響應。
讀寫HTML元素。
在數據被提交到服務器之前驗證數據。
檢測訪客的瀏覽器信息。
控制cookies，包括創建和修改等。
基于Node.js技術進行服務器端編程。
JavaScript的基本結構
<script type="text/javascript"> <!— JavaScript 語句; —> </script >
示例：
……
<title>初學JavaScript</title>
</head>
<body>
<script type="text/javascript">
document.write("初學JavaScript");
document.write("<h2>Hello，JavaScript</h2>");
</script>
</body>
</html><script>…</script>可以包含在文檔中的任何地方，只要保證這些代碼在被使用前已讀取并加載到內存即可
JavaScript的執行原理
網頁中引用JavaScript的方式
1.使用<script>標簽
2.外部JS文件
<script src="export.js" type="text/javascript"></script>
3.直接在HTML標簽中
<input name="btn" type="button" value="彈出消息框"
onclick="javascript:alert('歡迎你');"/>JavaScript核心語法：
1. 變量
①先聲明變量再賦值
var width;
width = 5;
var － 用于聲明變量的關鍵字
width － 變量名
②同時聲明和賦值變量
var catName= "皮皮";
var x, y, z = 10;
③不聲明直接賦值【一般不使用】
width=5;
變量可以不經聲明而直接使用，但這種方法很容易出錯，也很難查找排錯，不推薦使用。
2. 數據類型
①undefined：示例：var width;
變量width沒有初始值，將被賦予值undefined
②null：表示一個空值，與undefined值相等
③number：
var iNum=23; //整數
var iNum=23.0; //浮點數
④Boolean：true和false 但是JS會把他們解析成1；0
⑤String：一組被引號（單引號或雙引號）括起來的文本 var string1="This is a string";
3. typeof運算符
typeof檢測變量的返回值；typeof運算符返回值如下：
①undefined：變量被聲明后，但未被賦值.
②string：用單引號或雙引號來聲明的字符串。
③boolean：true或false。
④number：整數或浮點數。
⑤object：javascript中的對象、數組和null。
4. String對象
①屬性：
字符串對象.length
var str="this is JavaScript"; var strLength=str.length; //長度是18
②方法：
字符串對象.方法名();
split(str)：如果語法寫成width.split(" ")【冒號中間有空格】此時：width height hello world會被拆分成：width,height,hello,world；如果語法寫成width.split("")【冒號中間沒有空格】此時：width height hello world會被拆分成：w,i,d,t,h, ,h,e,i,g,h,t, ,h,e,l,l,o, ,w,o,r,l,d
5. 數組：
①創建數組：
②為數組元素賦值：
方法一：
var fruit= new Array("apple", "orange", " peach","banana");方法二：
var fruit = new Array(4); fruit [0] = " apple "; fruit [1] = " orange "; fruit [2] = " peach "; fruit [3] = " banana ";
③訪問數組：
數組名[下標]
6. 數組的常用屬性和方法：
7. 運算符號
8. 邏輯控制語句
①if條件語句
if(條件)
{ //JavaScript代碼; }
else
{ //JavaScript代碼; }If·中0，null，” ”，undefined，NaN，false--------結果是false；其他的都是true！
②switch多分支語句
switch (表達式)
{ case 常量1 :
JavaScript語句1;
break;
case 常量2 :
JavaScript語句2;
break;
default :
JavaScript語句3; }③for、while循環語句
for(初始化; 條件; 增量)
{ JavaScript代碼; }
while(條件)
{ JavaScript代碼; }④for-in
var fruit=[ "apple", "orange", "peach","banana"];
for(var i in fruit){
document.write(fruit[i]+"<br/>"); }i就是數組的下標，in這個數組要查詢所有的數組下標
9. 循環中斷
①break
<script type="text/javascript">
var i=0;
for(i=0;i<=5;i++){
if(i==3){ break; }
document.write("這個數字是："+i+"<br/>"); }
</script>
②continue
<script type="text/javascript">
var i=0;
for(i=0;i<=5;i++){
if(i==3){ continue; }
document.write("這個數字是："+i+"<br/>"); }
</script>
10. 注釋
①單行注釋以 // 開始，以行末結束：
//alert("恭喜你！注冊會員成功");
//在頁同上彈出注冊會員成功的提示框
//注釋
如果在頁面里單行注釋中回車打一些東西此時就會報錯：Uncaught ReferenceError: XXXX is not defined
②多行注釋以 /* 開始，以 */ 結束，符號 /*…… */ 指示中間的語句是該程序中的注釋
/* 使用for循環運行“document.write("<h4>Hello World</h4>");”5次
使用document.write在頁面上輸出“Hello World” */
11. 常用的輸入/輸出
【輸出一般使用alert；輸入使用prompt；但是后期不建議使用alert，在真實的開發中一般使用console.Log( )】
①alert()【一般用在一些警告或者提示中】：
alert("提示信息");
②prompt()
prompt("提示信息", "輸入框的默認信息");
prompt("請輸入你喜歡的顏色","紅色");
prompt("請輸入你喜歡的顏色","");
12. 語法約定
①代碼區分大小寫
小寫寫成大寫會報錯：Uncaught SyntaxError: Unexpected identifier
②變量、對象和函數的名稱
當聲明變量、對象和函數的名稱時大小寫，數字，下劃線，美元符號都可以，但是必須以字母，下劃線，美元符號開頭
否則會報錯：Uncaught SyntaxError: Invalid or unexpected token
③分號
如果不寫會報錯：Uncaught SyntaxError: Invalid or unexpected token
程序調試：
Chrome開發人員工具：
停止斷點調試
單步調試，不進入函數體內部
單步調試，進入函數體內部
跳出當前函數
禁用所有的斷點，不做任何調試
alert()方法：
直接打印信息，直接在頁面上看到具體信息
【但是一般使用console.Log( )，因為使用alert( )很容易忘掉刪除，當使用alert( )進行彈出時，最后產品上線后，會降低用戶體驗，所以使用console.Log( )就會避免這個問題】
函數：
什么是函數？
函數的含義：類似于Java中的方法，是完成特定任務的代碼語句塊；使用更簡單：不用定義屬于某個類，直接使用；函數分類：系統函數和自定義函數
常用系統函數：
parseInt ("字符串")：將字符串轉換為整型數字
如: parseInt ("86")將字符串“86“轉換為整型值86
當為parseInt ("86a")時輸出還是86
當為parseInt ("86a21")時輸出還是86
當為parseInt ("a86a")時輸出NaN
parseFloat("字符串")：將字符串轉換為浮點型數字
如: parseFloat("34.45")將字符串“34.45“轉換為浮點值34.45
isNaN( )：用于檢查其參數是否是非數字
isNaN("111")會輸出false
isNaN(true)會輸出false
isNaN("true")會輸出true
isNaN("aaa")會輸出true
isNaN("111a")會輸出true
自定義函數
1.定義函數
2.調用函數
函數調用一般和表單元素的事件一起使用，調用格式
事件名＝ "函數名( )" ;
一、調用無參函數
調用無參函數，輸出5次“歡迎學習JavaScript”
示例：
function study( ){
for(var i=0;i<5;i++){
document.write("<h5>歡迎學習JavaScript</h5>");
}
}單擊此按鈕時，調用函數study( )，執行函數體中的代碼
<input name="btn" type="button" value="顯示5次歡迎學習JavaScript" onclick="study( )" />
二、調用有參函數
根據輸入的次數，顯示“歡迎學習JavaScript“
示例：
function study(count){
for(var i=0;i<count;i++){
document.write("<h5>歡迎學習JavaScript</h5>");
}
}單擊此按鈕時，調用函數study (count )，執行函數體中的代碼
<input name="btn" type="button" value="請輸入顯示歡迎學習JavaScript的次數"
onclick="study(prompt('請輸入顯示歡迎學習JavaScript的次數:',''))" />全局變量
局部變量
<body onload="second( )">
var i=20; 【這是一個全局變量】
function first( ){
var i=5; 【這是一個局部變量】
for(var j=0;j<i;j++){
document.write(" "+j); } }
function second( ){
var t=prompt("輸入一個數","")
if(t>i) 【此時t和全局變量i作比較】
document.write(t);
else
document.write(i);
first( ); }
事件
感謝你的閱讀，希望你對“JavaScript基礎知識點分析”這一關鍵問題有了一定的理解，具體使用情況還需要大家自己動手實驗使用過才能領會，快去試試吧，如果想閱讀更多相關知識點的文章，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
