DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript高級程序設計(第3版)學習筆記2 js基礎語法
JavaScript高級程序設計(第3版)學習筆記2 js基礎語法
編輯:JavaScript基礎知識     
這一篇復習一下ECMAScript規范中的基礎語法,英文好的朋友可以直接閱讀官方文檔。JavaScript本質上也是一種類C語言,熟悉C語言的朋友,可以非常輕松的閱讀這篇文章,甚至都可以跳過,不過建議你最好還是看一看,在介紹的同時,我可能會引用一些自認為不易理解且比較流行的用法。

基礎語法

1、標識符:所謂標識符,實際上就是指一個滿足一定規范,能夠被引擎識別的名字,可以用來表示常量、變量、函數名、函數參數、對象、對象屬性等所有可命名對象的名稱。

(1)區分大小寫。

(2)以字母、下劃線(_)或美元符號($)開頭,其它字符可以為字母、下劃線、美元符號或數字。這裡的字母包含擴展的ASCII或Unicode字符。

(3)標識符不能是關鍵字、保留字、true、false、null。(有些浏覽器允許使用undefined,有些不能)。

(4)如果對象屬性含有空格或其它特殊字符,可以用括號括起來作為一個整體。

2、關鍵字:在語言本身中有特定用途。

    break  case  catch  continue  debugger(ES5中新增)  default  delete  do  else  finally  for  function  if  in  instanceof  new  return  switch  this  throw  try  typeof  var  void  while  with

3、保留字:被語言本身保留,將來可能作為關鍵字。

  ES3中的保留字:

    abstract  boolean  byte  char  class  const  debugger  double  enum  export  extends  final  float  goto  implements  import  int  interface  long  native  package  private  protected  public  short  static  super  synchronized  throws  transient  volatile

  ES5中的非嚴格模式下的保留字:

    class  const  enum  export  extends  import  super

  ES5的嚴格模式下的保留字:

    implements  interface  let(ES5中新增)  package  private  protected  public  static  yield(ES5中新增)

 4、嚴格模式:在ES5中引入嚴格模式,通過使用"use strict"來開啟嚴格模式,可以在頂部開啟全局嚴格模式,也可以在函數作用域范圍內開啟局部嚴格模式。
復制代碼 代碼如下:
"use strict"//開啟全局嚴格模式,在ES3中,不會有任何影響function fn(){
  "use strict"//開啟局部嚴格模式
}

5、注釋:在ECMAScript中,支持兩種格式的注釋,單行注釋和塊級注釋:
復制代碼 代碼如下:
// 單行注釋,以兩個斜槓//開頭/*
* 多行(塊級)注釋,以一個斜槓/和一個星號*開頭,一個星號和一個斜槓結尾,這裡中間行的星號*不是必須的
*/

說明:隨著JS代碼越來越復雜,注釋也變的越來越重要,而文檔自動化也顯得愈加重要,目前已經有很多開源JS庫用於自動化生成類似於Javadoc的JS文檔,比如JSDoc、YUIDoc等,這個時候,對注釋也會有相應的格式要求,有興趣的朋友可以找相關資料研究。

6、變量:變量在其本質上不過是內存空間在語言級別的外在抽象。

(1)動態類型:在ECMAScript中,變量是動態類型的,你可以在定義的時候初始化為一個Number類型,緊接著,你可以把一個字符串值賦給它:
復制代碼 代碼如下:
var age = 29;
age = 'twenty-nine';  //雖然有這種靈活性,但我建議你除非明確知道自己在做什麼,否則別這樣做。

(2)var操作符:變量使用var來聲明,對於未初始化的變量,會默認為undefined,也可以直接使用變量而不聲明(在我看來,這同樣是一個沒有存在理由的特性),它們之間最重要的區別就是使用var聲明時,聲明的變量只在當前作用域有效,而不使用var時,變量就會定義在全局作用域。可以通過下面的例子來體會其中的區別:
復制代碼 代碼如下:
var name = 'linjisong'; //定義全局變量並賦值
age = 29; //直接使用變量,相當於定義全局變量並賦值
//sal; //錯誤
var salary; //定義全局變量,未初始化
//這裡只是函數聲明,沒有實際調用,所以內部定義的變量不會生效
function fn(){
var name = 'oulinhai';//定義局部變量並賦值
age = 23; //給全局變量賦值
work = 'it';      //沒有使用var,即便是在函數局部的變量,也會成為全局變量
}
//函數實際調用前
console.info(salary);   //undefined
console.info(name);   // linjisong
console.info(age); // 29
try{
console.info(work);//由於在全局環境中沒有定義work,這裡會拋出異常
}catch(e){}
fn();//實際調用,代碼中對於變量的變更會顯現出來
console.info(name); // linjisong,由於函數內部使用了var,所以不會更改全局的name值
console.info(age); // 23
console.info(work); // it

(3)聲明提升:這個問題在講函數聲明和函數表達式時還會再次談到,這裡先提一下,看代碼:
復制代碼 代碼如下:
console.info(name);//undefined
console.info(getName);//getName()函數
console.info(getName());//undefined
try{
console.info(age);//異常
}catch(e){
console.info(e);//ReferenceError
}
console.info(getAge);//undefined
try{
console.info(getAge());//異常
}catch(e){
console.info(e);//TypeError
}
var name = 'linjisong';//變量聲明,提升
age = 29;//直接使用全局變量,不提升
function getName(){//函數聲明,提升
return name;
}
var getAge = function(){//變量getAge的聲明,提升;獲取年齡的匿名函數表達式,不提升
return age;
}
console.info(name);//linjisong
console.info(getName);//getName()函數
console.info(getName());//linjisong
console.info(age);//29
console.info(getAge);//獲取年齡的匿名函數
console.info(getAge());//29

你有沒有自己推斷出上面的輸出結果?如果已經推斷出,可以跳過了,如果還存有疑問,那麼先看看下面關於聲明提升的描述,然後再回過頭來印證上面的輸出結果:
    A、引擎在解析時,首先會解析函數聲明,然後解析變量聲明(解析時不會覆蓋類型),最後再執行代碼;
    B、解析函數聲明時,會同時解析類型(函數),但不會執行,解析變量聲明時,只解析變量,不會初始化。
  這裡涉及的只是全局作用域,在函數作用域中還有函數參數也和聲明提升有關,在後面講述函數時再討論。
  上面的代碼,首先會把第18行的函數聲明和第16、21行的變量聲明提升到最開始解析,然後再執行。因此第1、9行因為變量聲明提升但尚未初始化,所以輸出undefined,從而第11行因為無法確定是函數類型而拋出類型異常;第2、3行因為函數聲明提升並且解析函數類型,所以第2行輸出函數,第3行可以調用函數,但返回值未初始化而輸出undefined;第5行因為尚未聲明變量,會拋出引用異常。
(4)可以使用一條語句定義多個變量,用逗號分開即可。如:
復制代碼 代碼如下:
var name='linjisong',
age=29,
work='it';

(5)在ES5的嚴格模式下,不能定義名為eval或arguments的變量。
7、語句
(1)語句:以一個分號“;”結尾,如果省略分號,由解析器確定語句的結尾。
  對於JS中語句可以省略分號的特性,我想不到任何存在的理由,強烈建議每條語句均使用分號來明確結束,不要讓解析器花費時間來“猜測”你的程序,而且,更加重要的是,在很多壓縮工具中,猜測並不能保證百分百的正確。
(2)代碼塊:以左花括號({)開始,右花括號(})結束。
  在JS中雖然有代碼塊的概念,但是卻沒有相應的塊級作用域,這是和一般類C語言所不同的。對於控制語句(比如if),不要因為只有一條語句就不使用代碼塊,這會給維護你程序的伙計種下犯錯的種子。
復制代碼 代碼如下:
for(var i=0; i<10; i++)
{
}
console.info(i);//輸出10,在代碼塊之後仍可以訪問i,說明JS無塊級作用域
if(i < 10)
//console.info(i); 不使用代碼塊,在維護時(比如添加1條語句)容易犯錯
{
console.info(i);
}

 花括號({})除了作為代碼塊來使用外,還有一個很重要的用處就是定義對象字面量,這在後面還會再有論述。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved