初識JavaScript
1)什麼是javaScript
1)javaScript是一種基於物件和事件驅動、並具有安全效能的指令碼語言:(解釋執行的)
編譯執行:原始碼-----》中間檔案(Java 位元組碼檔案 C# MSIL)----》特定語言的虛擬機器()
解釋執行:原始碼------》瀏覽器引擎 V8
2)javaScript特點
向HTML頁面中新增互動行為
指令碼語言,語法和java類似
解釋性語言,邊執行邊解釋
3)javaScript組成
4)javaScript的基本結構
5)小案例
執行結果:
6)JavaScripe執行原理
2)網頁中引用JavaScript的方式
1)外部JS檔案
<script src="export.js" type="text/javascript"> </script>
1)小案例:
執行結果與上述一樣
2)直接在HTML標籤中
<input name="btn" type="button" value="彈出訊息框" onclick="javascript:alert("歡迎你");"/>
JavaScriptd的組成:
3)JavaScript核心語法
1)先宣告變數再賦值
var - 用於宣告變數的關鍵字
width - 變數名
var width; width=5;
這裡如果賦值的是整數形式,那返回值型別就是數值形式,賦值字元就返回字元形式
2)同時宣告和賦值變數
var catName = "很皮";
var x,y,z =10 ;
3)不宣告直接賦值 !!!!
width = 5 ; 不建議使用
經驗:變數可以不經宣告而直接使用,但這種方法很容易出錯,也很難查詢排錯,不推薦使用
4)資料型別:
1.undefined var width ; 變數width 沒有初始值,將被賦值undefined
2.null 表示一個空值 與 undefined 值相等
3.number var iNum=23; 整數 var iNum=23.0; 浮點數
4.boolean true 和 false
5.string 一組被引導 ( 單引號或雙引號 ) 括起來的文字 var string1="This is a string";
6.Object
5)typeof運算子
typeof檢查變數的返回值
typeof運算子返回值如下
1.undefined : 變數被宣告後,但未被賦值
2.string :用單引號或雙引號來宣告的字串
3.Boolean :true 和 false
4.number : 整數或浮點數
5.object : javascript中的物件、陣列 和 null
執行結果:
6)String 物件
屬性:字串物件.length var str="this is javaScript"; var strLeng=str.length; //長度是18
方法:字串物件.方法名();
6)陣列:
建立陣列:
var 陣列名稱 = new Array(size);
為資料元素賦值:
var fruil = new Array(“xx”, "xx" , “xx”);
fruil[0]="xxx";
陣列的常用屬性和方法:
執行結果:
詳細屬性和方法請參考文件
http://www.w3school.com.cn/jsref/jsref_obj_array.asp
7)運算子號:
邏輯控制語句:if 條件語句
8) 邏輯控制語句:switch語句
9) for , while , for in 迴圈語句:
10) 迴圈中斷:
11)註釋
單行註釋 //
多行註釋 /* */ 快捷鍵 ctrl+shift+/
12)常用的輸入/輸出
alert();
alert(“提示資訊”);
13) 語法約定:
1.程式碼區分大小寫
2.變數,物件和函式的名稱
3.分號 用於結束一句程式碼
4)程式除錯
5)JavaScript 常用語法---函式
什麼是函式:
函式的含義:類似於Java中的方法,是完成特定任務的程式碼語句塊
使用更簡單:不用定義屬於某個類,直接使用
函式分類:系統函式和自定義函式
常用系統函式:
parseInt("86"); 將字串轉換為整形數字
parseFloat("33.33"); 將字串轉換為浮點型數字
isNaN(); 用於檢查其引數是否是非數字:函式用於檢查其引數是否是非數字,
語法如下:
isNaN(‘x’); 如果 x 函式是特殊非數字,則返回true 否則返回 false 例如: isNaN(“123”);
自定義函式
function 函式名 (引數1,引數2,引數3)
{
//javascript 語句
return 返回值 可有可無
}
呼叫函式:
函式呼叫一般和表單元素的事件一起使用,呼叫格式
事件名 = “函式名()”;
呼叫有參函式:
變數的作用域:
事件:
相關文章
- 前端筆記之JavaScript(一)初識JavaScript前端筆記JavaScript
- [JavaScript基礎] 函式,初識作用域JavaScript函式
- 初學JavaScriptJavaScript
- 初識 “HTML”HTML
- 初識GolangGolang
- 初識jQueryjQuery
- Nodejs初識NodeJS
- Express初識Express
- 初識GitGit
- 初識JSJS
- CDN初識
- 初識VueVue
- webpack初識Web
- 初識HIVEHive
- 初識TcpTCP
- 初識HTTPHTTP
- 初識ARKit
- 初識HaphoopOOP
- 初識PostgreSqlSQL
- AsterixDB初識AST
- 初識Fink
- 初識WebWeb
- 初識 Shell
- 初識 reduxRedux
- 初識 SpringMVCSpringMVC
- rocketmq初識MQ
- 初識 DockerDocker
- 初識:LevelDB
- 初識JVMJVM
- 初識MybatisMyBatis
- 初識AngularJSAngularJS
- Kafka 初識Kafka
- 初識AJAX
- 初識promisePromise
- 初識JavaWEBJavaWeb
- Java初識Java
- 【springboot初識】Spring Boot
- 初識Kubernetes