編程語言
編程:就是讓計算機為了解決某個問題而使用某種程序設計語言編寫程序代碼,并最終得到結果的過程
通用編程語言的兩種形式: 匯編語言和高級語言(swift oc js html java C語言 php等)
簡介
渲染引擎: 用來解釋html和css 也稱為內核,比如chrome的blink,老版本的webkit
js引擎: 也稱為js解釋器,用來讀取網頁中的js代碼.對其處理后運行,比如chrome的v8
流浪器本并不會執行js代碼,而是通過內置js引擎來執行js代碼.js引擎執行代碼時逐行解釋每一句源碼(轉換成機器語言),然后由計算機去執行,所以js語言歸為腳本語言,會逐行解釋執行.
JS
DOM :文檔對象模型
BOM :瀏覽器對象模型
js有三種書寫方式
行內 內嵌 和外部
行內js:
<input type="button" value="點我領取屠龍寶刀" onclick="alert('倚天劍x1')">
可以將單行或少量的js代碼寫在html標簽事件屬性中(以on開頭的屬性)
注意單雙引號的使用,在html中我們推薦使用雙引號,js中我們推薦使用單引號
可讀性差,在html中編寫大量代碼時,不方便閱讀;
引號易錯,引號多層嵌套匹配時,非常容易弄混;
特殊情況下使用
內嵌式js:
<script>
// alert('我是提示')
// alert('倚天劍x1');
</script>
可以將多行js代碼寫到script標簽中
內嵌js是學習時常用的方式
外部js:
<script src="01.js">(這里不允許寫代碼)</script>
利用html頁面代碼結構化,把大段js代碼獨立到html頁面之外,既美觀,也方便文件級別的復用
引用外部js文件的script標簽中間不可以寫代碼
適用于js代碼量比較大的情況
JS輸入輸出語句
alert(msg) 瀏覽器彈出警告框
console.log(msg) 瀏覽器控制臺打印輸出框
prompt(info) 瀏覽器彈出輸入框,用戶可以輸入
變量
變量是程序在內存中申請的一塊用來存放數據的空間.
使用步驟: 聲明->賦值
//聲明變量
var age;
//聲明多個變量
var age = 18,
name = '張',
sex = '男';
//聲明變量的特殊情況
//聲明不賦值 結果是?
var sex; //undefind 未定義
//不聲明不賦值 直接使用 ->報錯
//不聲明 直接賦值 是可以使用的(JS中可以 變成全局變量)
命名規范
由字母 數字 下劃線 美元符號
嚴格區分大小寫
不能以數字開頭
不能是關鍵字,保留字
變量名必須有意義
遵循駝峰命名法 首字母小寫后面單詞首字母大寫
數據類型
js是一種弱類型或是動態語言
js的變量數據類型只有程序在運行的過程中,才會根據右面的值來確定
//js是動態語言 變量的數據類型是可以變化的
var x = 10;//數字型
x = 'zhang';//字符串型
基本的數據類型
Number 數字型包含了整型和浮點型
Boolean 布爾值型 true false
String 字符串型
Undefined 未定義型
Null var a = null 聲明了變量a為空值
八進制 逢八進1 0-7 我們程序里面數字前面加0 表示八進制
var num = 010 (8)
十六進制 逢十六進一 0-9 a-f 數字前面加0x表示十六進制
數字型最大值和最小值:
Number.MAX_VALUE
Number.MIN_VALUE
無窮大和無窮小:
Number.MAX_VALUE * 2 Infinity -Number.MAX_VALUE * 2 -Infinity
NaN not a number 代表非數值
isNaN()這個方法用來判斷非數字 并且返回一個值 ,如果是數字返回false 不是返回true
字符串嵌套
外雙內單或外單內雙
字符串類型
字符串是若干字符組成的,這些字符的數量就是字符串的長度,通過字符串的
屬性可以獲取整個字符串的長度
//檢測字符串的長度
var str = 'zhang';
console.log(str.length);
//字符串的拼接 用+號 (和swift類似)
var str1 = 'zhang';
var str2 = 'jian';
var str3 = str1 + str2;
console.log(str3);
//數值帶入
var age = 18;
console.log('我今年' + age + '歲');//我今年18歲
獲取變量數據類型 typeof
var num = 10;
typeof num //number類型
數據類型的轉換
//轉字符串
var num = 10;
num.toString();//第一種方法
String(num)//第二種方法
num + ' ' //第三種 常利用 + 拼接字符串的方法(隱式轉換)
//轉數字型
var age = '18';
parseInt(age);//第一種方法 得到的是整數 字符串帶單位會去掉 是重點
parseFloat(age)//第二種方法 得到的是浮點數 是重點
Number(age)//第三種 了解
age - 0//利用運算 隱式轉換 了解
