天天看點
傳回

JavaScript學習（一）用法、變量、資料類型、typeof

1. 了解JavaScript
JavaScript是一種

直譯式

 的、

基于對象

 （Object）和

事件驅動

（EventDriver）的腳本語言，是一種動态、弱類型的語言。

用來給HTML網頁增加

動态特效

 ，實作

動态互動

 ，

美化頁面

 的功能。
JavaScript學習（一）用法、變量、資料類型、typeof
2.JavaScript用法
  • JavaScript用法：
    HTML中的腳本必須位于

    <script></script>

    标簽之間

    腳本可被放置在HTML頁面的

    <body>

     和

    <head>

    部分中

    在HTML中，不限制

    腳本數量

     通常會把腳本放置于

    <head>

    标簽中，或者放在頁面底部，以不幹擾頁面内容

    語句之間的分割是分号（

    ;

    ）

    JavaScript辨別符必須以

    字母

     、

    下劃線

     或

    $

     開始 
    <html>
<head>
<script type="text/javascript">
	/*js代碼*/
</script>
</head>
<body>
</body>
</html>
           
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!--放在這裡要提前加載的資料可以,
        因為html是從上到下加載。
        如果操作下面的DOM會找不到元素。-->
    <script type="text/javascript">
        var a = "張三";
    </script>
</head>
<body>
<div id="wrap">
    <script type="text/javascript">
        /*也可以寫在這裡但是不建議*/
        var a = "趙六";
    </script>
</div>

<!--這裡是外部引入js-->
<script src="js/learn.js"></script>

<!--大部分需要DOM元素時 會把JavaScript寫在這裡-->
<script type="text/javascript">
    var a = "李四";
    console.log(a);
    document.getElementById('wrap'); //駝峰命名法
</script>
</body>
</html>

3.JavaScript變量

  • 命名規則
    變量是用來儲存資訊的“

    容器

    ”

    變量必須以

    字母

    開頭

    變量也能以

    $

     和

    _

    符号開頭（不過我們不推薦這麼做）

    變量名稱對

    大小寫敏感

    （ y 和 Y 是不同的變量）

    JavaScript 語句和 JavaScript 變量都對大小寫敏感.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script type="text/javascript">
    // 變量命名
    var a = "李四";
    // 先建立變量, 就好比電腦建立檔案夾  然後存儲檔案一樣
    var A ;
    // 再指派
    A= 10
    var y = 10.1;
    // 同時聲明多個變量 逗号分隔
    var abc ='111', z = 'hello';

    // ES6版本之後可以使用  let
    let a = "李四";
</script>
</body>
</html>
4. JavaScript資料類型
  1. 字元串（string） 
    //字元串資料 用單引号或者雙引号包裹 '',""  
var learn = '我學習js.,我是字元串資料';
  2. 數字(Number) 
    // 數字類型,包括小數
var num = 123456;
//這個不是數字類型而是字元串
var str ='123456'
  3. 布爾(Boolean) 真true 假false 
    // 布爾類型包括 true,false 
var bool = true;
  4. 數組(Array) 
    // 資料集合
//1. 中括号方式定義
var array=[1,2];
var array2=[1,'蘋果'];
var array3=['蕃茄','蘋果'];

//2. new Array() 方式定義
var arr =new Array('北京','上海');

//3. new Array() 索引方式定義
var arr =new Array();
arr[0]='北京';
arr[1]='上海';
  5. 對象(Object) 
    // 資料集合
//1. new Object() 方式定義對象
var ObjA=new Object()
ObjA.name='username';
ObjA.pwd =123456;

// 2. 花括号方式定義對象
var ObjB={name:'username',pwd:1234567}
  6. 空(null) 
    // null類型, 必須小寫
var data = null;
  7. 未定義 
    // 未定義類型其實就是沒有指派,好比一個空檔案夾
var und;
可以通過指派為null的方式

清除變量
5. 資料類型檢測 typeof
  1. typeof檢測變量的傳回值
  2. typeof運算符傳回值如下：

    undefined

     ：變量被聲明後，但

    未被指派

    string

     ：用單引号或雙引号來聲明的

    字元串

    boolean

     ：

    true

     或

    false

    number

     ：

    整數

     或

    浮點數

    object

     ：javascript中的

    對象

     、

    數組

     和

    null
6. 提示框、輸入框、列印、代碼注釋 
<!--提示框-->
	<script type="text/javascript">
	    alert('提示文字');
	</script>
           
<!--輸入框-->
	<script type="text/javascript">
	    var result = prompt('提示文字','輸入框的預設資訊');
	</script>
           
<!--列印資訊-->
	<script type="text/javascript">
	    document.write('需要輸出的内容');
	</script>
           
<!--控制台列印-->
	<script type="text/javascript">
	    console.log('資訊輸出');
	</script>
           
<!--代碼注釋-->
	<script type="text/javascript">
	    //單行注釋
	    /*
	        多行注釋
	     */
	</script>
7 delete 關鍵字

delete關鍵字可以用來删除對象的屬性，還有未使用var聲明的變量

delete關鍵字有傳回值 用來表示删除屬性是否成功

如果删除的是不存在的屬性，傳回值為true

如果删除的屬性存在原型當中，那麼傳回值為true，但是并未删除

var obj = {
    name : "尼古拉斯@趙四",
    age : 20
}
console.log(obj.name);
delete obj.name;
console.log(obj);  // { age: 20 }
javascript 變量 資料類型 typeof
上一篇: U盤cmd指令行修複
下一篇: JavaScript的資料類型、字面量、變量介紹

繼續閱讀