JavaScript數據類型 事件 及做用域

JavaScript 數據類型

null表示的是一個對象的值，而並非一個字符串。例如聲明一個對象的引用，String a = null 指向爲null，尚未指向任何的內存空間。

""表示的是一個空字符串，也就是說它的長度爲0。例如聲明一個字符串String str = "" 其值爲""空字符串，這個str引用指向的是空字符串的內存空間；

字符串（String）、數字(Number)、布爾(Boolean)、數組(Array)、對象(Object)、空（Null）、未定義（Undefined）。

JavaScript 擁有動態類型。

var x;               // x 爲 undefined
var x = 5;           // 如今 x 爲數字
var x = "John";      // 如今 x 爲字符串

• 字符串能夠是引號中的任意文本。可使用單引號或雙引號。能夠在字符串中使用引號，可是不匹配包圍字符串的引號。若是與包圍字符串的引號同樣，須要在裏面的雙引號以前添加\轉義字符。(將特殊字符轉換爲字符串字符)。

可使用內置屬性  length  計算字符串的長度：var txt = "Hello World!";    document.write(txt.length + "<br/>");

可使用  new 關鍵字將字符串定義爲一個對象：  var a = new String("John")

var x = "John"; // x 是字符串            var y = new String("John"); // y 是一個對象    

字符串屬性：constructor：返回建立字符串屬性的函數       length：返回字符串的長度         prototype：容許您向對象添加屬性和方法

• JavaScript 只有一種數字類型。數字能夠帶小數點，也能夠不帶：極大或極小的數字能夠經過科學計數法來書寫：科學計數法  ：123e5=12300000         123-e=0.00123

• 布爾（邏輯）只能有兩個值：true 或 false。var x=true;    var y=false;

•定義數組：數組下標是基於零的，因此第一個項目是 [0]，第二個是 [1]，以此類推。

var cars = new Array();
cars[0] = "a";
cars[1] = "b";
cars[2] = "c";

var cars = new Array("a","b","c")

var cars=["a","b","c"]

• JavaScript 對象由花括號分隔。在括號內部，對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔。{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

兩種尋址方式：name=person.lastname;   name=person["lastname"];

•Undefined 這個值表示變量不含有值。能夠經過將變量的值設置爲 null 來清空變量。cars=「  」; 

聲明新變量時，可使用關鍵詞 "new" 來聲明其類型： var carname=new String;

 

 

JavaScript 做用域

變量在函數外定義，即爲全局變量。全局變量有 全局做用域: 網頁中全部腳本和函數都可使用。 全局變量是 window 對象

變量在函數內聲明，變量爲局部做用域。局部變量：只能在函數內部訪問。

JavaScript 變量生命週期在它聲明時初始化。局部變量在函數執行完畢後銷燬。全局變量在頁面關閉後銷燬。

在函數內部，通常用var聲明的爲局部變量，沒用var聲明的通常爲全局變量

Javascript在執行前會對整個腳本文件的聲明部分作完整分析(包括局部變量)，可是不能對變量定義作提早解析。

 

JavaScript事件：JavaScript事件和HTML事件

<button onclick="getElementById('demo').innerHTML=Date()">如今的時間是?</button>

<button onclick="this.innerHTML=Date()">如今的時間是?</button>

JavaScript事件：經過事件屬性調用

<button onclick="displayDate()">點我</button>  <p id="demo"></p>

<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>

onchange：HTML元素改變     oncilck：用戶點擊HTML元素      onmouseover：用戶在一個HTML元素上移動鼠標      onmouseout：用戶從一個HTML元素上移開鼠標

onkeydown：用戶按下鍵盤按鍵      onload：瀏覽器已完成頁面的加載        onunload 事件在用戶退出頁面時發生，頁面下載時觸發，發生於當用戶離開頁面時發生的事件(經過點擊一個鏈接，提交表單，關閉瀏覽器窗口等等。)