JavaScript簡明教程-----01
文章目錄
- JavaScript簡明教程-----01
- 一、JS介紹
- 二、變數的定義
- 三、資料型別
- 1、數字
- 2、字串
- 3、布林值
- 4、未定義值
- 5、空值
- 四、運算子
- 1、算數運算子
- 2、賦值運算子
- 3、比較運算子
- 4、邏輯運算子
- 5、條件運算子
- 五、運算式
- 六、型別轉換
- 1、隱式型別轉換
- 2、顯示型別轉換
- 1）字串轉換為數字
- 2）數字轉換為字串
- 七、準轉義字符
- 八、注釋的寫法
- 1、單行注釋
- 2、多行注釋
一、JS介紹
網頁開發分為了：
JavaScript，
CSS，
HTML
其中，CSS是控制樣式的
HTML是控制網頁的結構的
JavaScript是控制網頁的行為的，
在網頁中，引入JavaScript有三種方式：
1、內部引入
2、外部引入
3、元素事件引入
二、變數的定義
在JavaScript語言中，
定義一個變數主要是使用 var的方式
例如：
var a = 1057;
var b = 1064;
var c = 1045;
如果你接觸了 es6 ，那么還有兩種方式進行變數的定義：
1、let
2、const
let 是定義一個區域的變數，一般會在函式中進行使用，而 const 是定義一個常數了啦，
例如：
使用 function 關鍵字可以定義一個函式，
function say_hello()
{
let name = "Tom";
document.write("Hello World! </br>");
document.write("From </br>");
document.write(name);
}
say_hello();
在這里，let 是定義了一個區域變數 name，let name = “Tom”，
意思是換行，
注意，在JavaScript中，所有的變數都是這么定義的，不管它是什么型別，都是用 var， let， const的呦~
三、資料型別
1、數字
在JavaScript中，只有數字這樣一個資料型別，所有的 int float double 都是數字型別的
2、字串
字串大家肯定非常熟悉，這里就不必多說了，我們后面講幾個字串的內置函式以及屬性就可以了，
3、布林值
true
false
這兩個值大家肯定也是十分熟悉的吧，就是在回圈以及選擇陳述句的時候會經常使用到的一個判斷的數值啦，
4、未定義值
如果只是進行了宣告而并沒有進行賦值，那么就是一個未定義的值了啦
undefined
5、空值
如果一個變數的值為 null ，那么，
系統就不會分配記憶體空間
null
四、運算子
1、算數運算子
加：+
減：-
乘：*
除：/
取余：%
自加一：++
自減一：–
2、賦值運算子
等于：=
加等于：+=
減等于：-=
乘等于：*=
除等于：/=
3、比較運算子
等于：==
大于：>
小于：<
大于等于：>=
小于等于：<=
不等于：！=
4、邏輯運算子
與：&&
或：||
非：！
5、條件運算子
var a = 條件 ？ 運算式1 ： 運算式2
其中：
條件為 true 選擇運算式1
條件為 false 選擇運算式2
五、運算式
運算式是由變數（運算元），運算子等構成的
六、型別轉換
1、隱式型別轉換
var a = 1057;
var b = "i love you";
var c = a + b;
document.write(c)
這個例子就是把 a = 1057 這個數字變數強制轉換為了字串物件，
2、顯示型別轉換
1）字串轉換為數字
Number()
parseInt()
parseFloat()
第一種方法是轉換為數字，
第二種方法是轉換為整型數字，
第三種方法是轉換為小數數字，
例如：
（這里寫一個簡單的完整的網頁吧）
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>
the_first_html
</title>
</head>
<body>
<script type = "text/javascript">
var str_0 = "1057.1045";
document.write(Number(str_0));
document.write("</br>");
document.write(parseInt(str_0));
document.write("</br>");
document.write(parseFloat(str_0));
document.write("</br>");
</script>
</body>
</html>
我們運行上述代碼，效果圖如下圖所示：
以及
2）數字轉換為字串
如果需要把一個數字轉換為字串，那么就需要進行使用 toString（）方法來實作：
例如：
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title>
no title
</title>
<script type = "text/javascript">
var a = 2017;
var b = a.toString() + 1000;
document.write(b);
</script>
</head>
<body>
</body>
</html>
在這里也是寫了一個完整的HTML了啦，
效果圖如下所示：
以及
這個就是顯性的強制轉換將數字轉換為了字串的方法
toString（）啦~
七、準轉義字符
" 對應于---- "
’ 對應于---- ’
\n 對應于---- 換行
注意一下：
\n 是在一個字串中的換行
而
<br/> 是在 document.write() 中的換行
八、注釋的寫法
在JavaScript中，有單行注釋以及多行注釋之分：
1、單行注釋
// 這是 JavaScript 的 單行注釋
// 單行注釋
2、多行注釋
<script type = "javascript">
/*
這是 JavaScript 的多行注釋
這是 JavaScript 的多行注釋
這是 JavaScript 的多行注釋
這是 JavaScript 的多行注釋
這是 JavaScript 的多行注釋
*/
document.write("hello world ! ")
</script>
當然，多行注釋也可以寫一些單行注釋的啦~~~
以上就是js學習的第一部分內容，后續我會持續的進行更新的，希望大家多多關照了啦~~~
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/289615.html
標籤：其他