javascript基礎語法及使用

　　前幾年自學過JavaScript，因爲從事安卓開發，就放棄了對js的學習，今天又撿起來從新學習了下，但願對你們有所幫助。

　　首先介紹下什麼是JavaScript. JavaScript 是互聯網上最流行的腳本語言，這門語言可用於 HTML 和 web，更可普遍用於服務器、PC、筆記本電腦、平板電腦和智能手機等設備。JavaScript是腳本語言：

　　1》JavaScript 是一種輕量級的編程語言。

　　2》JavaScript 是可插入 HTML 頁面的編程代碼。

　　3》JavaScript 插入 HTML 頁面後，可由全部的現代瀏覽器執行。

　　4》JavaScript 很容易學習。

　一.定義變量

　　var x=5 ; y=6 ; z=x+y

　　在代數中，咱們使用字母（好比 x）來保存值（好比 5）.經過上面的表達式 z=x+y，咱們可以計算出 z 的值爲 11。在 JavaScript 中，這些字母被稱爲變量。

　　定義字符串同理：var carname="Volvo";

 

　二.定義對象

 

　　對象也是一個變量，但對象能夠包含多個值（多個變量）。

　　var car = {type:"Fiat", model:500, color:"white"};

　　實例：

　　<p id="demo"></p>

　　<script>

　　　　var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
　　　　document.getElementById("demo").innerHTML =
　　　　person.firstName + " 如今 " + person.age + " 歲.";
　　</script>

　　運行結果：John 如今 50 歲.

　　固然，定義 JavaScript 對象能夠跨越多行，空格跟換行不是必須的：

　　var person = {
      　　 firstName:"John",
      　　 lastName:"Doe",
       　　age:50,
      　　 eyeColor:"blue"
　　};

 

　三.javaScript做用域

 

　　在 JavaScript 中, 對象和函數一樣也是變量。

　　在 JavaScript 中, 做用域爲可訪問變量，對象，函數的集合。

　　JavaScript 函數做用域: 做用域在函數內修改。

　　如：

　　var carName = " Volvo";

　　// 此處可調用 carName 變量

　　function myFunction() {

    　　// 函數內可調用 carName 變量 

　　}

 

　四.javaScript數據類型

 

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

　　JavaScript 擁有動態類型。這意味着相同的變量可用做不一樣的類型：

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

　　布爾（邏輯）只能有兩個值：true 或 false。

　　var x=true;
　　var y=false;

　　數組，下面的代碼建立名爲 cars 的數組：

　　var cars=new Array();
　　cars[0]="Saab";
　　cars[1]="Volvo";
　　cars[2]="BMW"; 或者 var cars=new Array("Saab","Volvo","BMW");

　　js中，Undefined 這個值表示變量不含有值。

　　能夠經過將變量的值設置爲 null 來清空變量。

　　cars=null;
　　person=null;

　　當您聲明新變量時，能夠使用關鍵詞 "new" 來聲明其類型：

　　var carname=new String;
　　var x=      new Number;
　　var y=      new Boolean;
　　var cars=   new Array;
　　var person= new Object;

 

 　 五.javaScript中的switch if else for等控制語句同java

　  六.函數

 

　　函數定義

　　函數就是包裹在花括號中的代碼塊，前面使用了關鍵詞 function：

　　function  functionname()
　　{
　　　　執行代碼
　　}

　　當您聲明函數時，請把參數做爲變量來聲明：

　　function myFunction( var1, var2)
　　{
　　　　執行代碼
　　}

　　例子

　　<p>點擊這個按鈕，來調用帶參數的函數。</p>

　　<button onclick="myFunction('hello','js')">點擊這裏</button>

　　<script>

　　　　function myFunction(name,job){ alert("Welcome " + name + ", the " + job); }

　　 </script>

　　有時，咱們會但願函數將值返回調用它的地方。

　　經過使用 return 語句就能夠實現。

　　在使用 return 語句時，函數會中止執行，並返回指定的值。

　　function myFunction()
　　{
    　　var x=5;
    　　return x;
　　}

　　實例：

　　　function myFunction(a,b) { return a*b; }

　　   document.getElementById("demo").innerHTML=myFunction(4,3); 

 

　　七.javaScript局部變量，全局變量

 

　　　在 JavaScript 函數內部聲明的變量（使用 var）是局部變量，因此只能在函數內部訪問它。（該變量的做用域是局部的）。

　　　您能夠在不一樣的函數中使用名稱相同的局部變量，由於只有聲明過該變量的函數才能識別出該變量。

　　   只要函數運行完畢，本地變量就會被刪除。

　　　在函數外聲明的變量是全局變量，網頁上的全部腳本和函數都能訪問它。

　　   JavaScript 變量的生命期從它們被聲明的時間開始。

　　   局部變量會在函數運行之後被刪除。

　　   全局變量會在頁面關閉後被刪除。

　　　注意：

　　　若是您把值賦給還沒有聲明的變量，該變量將被自動做爲全局變量聲明。

　　　這條語句：

　　　carname="Volvo";

　　　將聲明一個全局變量 carname，即便它在函數內執行。

 

　　八.javaScript運算符同java

　　九.javaScript typeof操做符

 

　　　你能夠使用 typeof 操做符來檢測變量的數據類型。

　　　typeof "John"                // 返回 string 
　　　typeof 3.14                  // 返回 number
　　　typeof false                 // 返回 boolean
　　　typeof [1,2,3,4]             // 返回 object
　　　typeof {name:'John', age:34} // 返回 object

　　　在 JavaScript 中 null 表示 "什麼都沒有"。

　　　null是一個只有一個值的特殊類型。表示一個空對象引用。用 typeof 檢測 null 返回是object。

　　    在 JavaScript 中, undefined 是一個沒有設置值的變量。

　　    typeof 一個沒有值的變量會返回 undefined。

　　　null 和 undefined 的值相等，但類型不等：

　　　typeof undefined             // undefined
　　　typeof null                  // object
　　　null === undefined           // false
　　　null == undefined            // true

 

　　十.javaScript類型轉換

 

　　　JavaScript 變量能夠轉換爲新變量或其餘數據類型：

• • 經過使用 JavaScript 函數
  • 經過 JavaScript 自身自動轉換

　　　全局方法 String() 能夠將數字轉換爲字符串。

　　　該方法可用於任何類型的數字，字母，變量，表達式：

　　　String(x)         // 將變量 x 轉換爲字符串並返回
　　　String(123)       // 將數字 123 轉換爲字符串並返回

　　　String(false)        // 返回 "false"
　　　String(true)         // 返回 "true"

　　　全局方法 Number() 能夠將字符串轉換爲數字。

　　　字符串包含數字(如 "3.14") 轉換爲數字 (如 3.14).

　　　空字符串轉換爲 0。

　　　Number("3.14")    // 返回 3.14

　　　Number(false)     // 返回 0
　　　Number(true)      // 返回 1

　　　當 JavaScript 嘗試操做一個 "錯誤" 的數據類型時，會自動轉換爲 "正確" 的數據類型。

　　　5 + null    // 返回 5         null 轉換爲 0
　　　"5" + null  // 返回"5null"   null 轉換爲 "null"

　　　當你嘗試輸出一個對象或一個變量時 JavaScript 會自動調用變量的 toString() 方法：

　　　document.getElementById("demo").innerHTML = myVar;

　　　// if myVar = {name:"Fjohn"}  // toString 轉換爲 "[object Object]"
　　　// if myVar = [1,2,3,4]       // toString 轉換爲 "1,2,3,4"
　　　// if myVar = new Date()      // toString 轉換爲 "Fri Jul 18 2014 09:08:55 GMT+0200"

　　　數字和布爾值也常常相互轉換：

　　　// if myVar = 123             // toString 轉換爲 "123"
　　　// if myVar = true            // toString 轉換爲 "true"

 

　　十一.json的使用

 

　　　一般咱們從服務器中讀取 JSON 數據，並在網頁中顯示數據。

　　　簡單起見，咱們網頁中直接設置 JSON 字符串 

　　　首先，建立 JavaScript 字符串，字符串爲 JSON 格式的數據：

　　　實例：

　　　var text = '{ "sites" : [' + '{ "name":"Runoob" , "url":"www.runoob.com" },' + '{ "name":"Google" , "url":"www.google.com" },' + '{ "name":"Taobao" , "url":"www.taobao.com" } ]}';

　　　obj = JSON.parse(text); document.getElementById("demo").innerHTML = obj.sites[1].name + " " + obj.sites[1].url;

　　　運行結果：Google www.google.com

　　　最後介紹下void

　　　咱們常常會使用到 javascript:void(0) 這樣的代碼，那麼在 JavaScript 中 javascript:void(0) 表明的是什麼意思呢？

　　　javascript:void(0) 中最關鍵的是 void 關鍵字， void 是 JavaScript 中很是重要的關鍵字，該操做符指定要計算一個表達式可是不返回值。

　　　實例：

　　　<a href="javascript:void(0)">單擊此處什麼也不會發生</a>

　　　js基礎的用法大概就這些，後續會介紹下html的基本使用和js的混合使用。喜歡的同窗們請點贊推薦，謝謝！！！