DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript中的 object 和 function小結
javascript中的 object 和 function小結
編輯:關於JavaScript     

在學習過傳統的面向對象語言後,如 java c++,轉學 javascript 卻有點不適應,特別是 javascript 中所謂的 object(對象) function(函數),有時候會被搞暈。於是乎簡單整理了下面的一些概念性的東西,方便學習和理解,會結合一點 java面向對象的知識加以說明。

先了解幾個概念:

1.首先 Object 在 ECMAScripe 中是指什麼,在 ECMAScripe 中有5種簡單數據類型:Undefined,Null,Boolean,Number,String. 還有一種復雜數據類型,那就是Object.

2.引用類型---java中的 類 的概念

引用類型的值 --- java中對象的概念

3.函數 ---- java 中方法的概念

4.var --- 申明變量的一個操作符,因為 js 的變量是松散類型的,所謂松散就是可以用來保存任何數據,變量僅僅用來表示一個占位符而已,所以變量也不必指定 什麼 String ,int ,直接var 就可以了,注意對象 可以用var 聲明.

5.Object(), 是什麼 --- java中 Object 的 構造方法 , js 中 Object 的 構造函數。

Object

js 是可以動態的添加屬性和方法的。
比如創建一個 Object 實例

var obj = new Object();

變量 obj 就是 new Object() 的 對象。
接下來:

var obj = new Object();
obj.name = 'Zeng';
obj.age = 12;
obj.fun = function () {
  console.log(this.name+this.age);
}

但 這樣封裝性不太好,所以比較經常使用的是對象字面量表示法

var obj = {
  name:'Zeng',
  age:12,
  fun:function () {
    console.log(this.name+this.age);
  }
}
obj.fun(); // 打印出: Zeng12

對象屬性的訪問:

1,采用  中括號
console.log(obj["name"]);

2,采用  點 , 建議采用此方式
console.log(obj.name );

function

函數對於任何語言來說都是重要的一部分,函數是 js的叫法,你也可以理解為就是 java 的 方法 ,c 語言的 函數,都一樣的。 不過在申明和使用上, js 的函數 可很大不同。

函數的一個示例:

function fun() {
   return "例子";
}
console.log(fun()); // 輸出 : ‘例子'

還可以這樣:

var fun = function() {
  return "使用表達式創建函數"
};
console.log(fun()); // 輸出 : "使用表達式創建函數"

上面例子你會注意到函數沒有函數名,只有一個變量名 fun ,表達式尾部還有一個 ;分號,
你可以把它當作聲明一個變量的表達式就好理解了,聲明其它變量是這麼寫的:

var name = "Zeng"; // 有變量名 ,還有 分號

來一個帶參數的例子:

function fun() {
   return arguments[0] + arguments[1] + arguments[2];
}
console.log(fun("這是","一個","例子")); // 輸出 :“這是一個例子”

是不是有點奇怪,首先我創建的函數沒有帶參數的,在調用的時候有給參數,在函數裡面也能獲得參數並返回。

其實這裡是要說明一點,js 函數不介意傳遞進來幾個參數,也不在乎參數是什麼類型!原因是函數內部接收參數是用一個數組來儲存的!

數組也就是 上面的 arguments , 數組當然不介意你傳幾個參數進來,有參數我加一,沒參數我就是 null 。

咱們可以利用這個特性做個例子:

模仿方法的重載--利用參數個數的不同執行不同反應

function fun() {
  if(arguments.length == 1){
    return arguments[0]*10;
  }
  if(arguments.length == 2){
    return (arguments[0]+arguments[1])*10;
  }
  return 10;
}
console.log(fun(11,111)); // 返回 1220 !!!!

沒有重載:
上面例子是模仿函數的重載,為什麼要模仿呢,我自己創建幾個不同參數的函數不久可以了。

function fun( num1) {
  return "只有一個參數的函數"
}
function fun( num1,num2) {

  return "有兩個參數的函數";
}
console.log(fun(11)); // 輸出 “有兩個參數的函數”

明明調用的是帶一個參數的函數,執行的確是帶兩個參數的函數。原因:js定義了兩個相同名字的函數,該名字只屬於後定義的函數!!! 所以在 js 中沒有重載 這一特性。

函數名是指針:

var fun = function(num1,num2) {
  return num1+num2;
};

var new_fun = fun;
fun = null; // 將 函數 置 null

console.log(new_fun(10,20)); //輸出 :30
console.log(fun(10,20)); //拋出異常 :fun is not a function

可看出盡管 fun = null; 但在此之前 var new_fun = fun; 也就是 指針也指向了 new_fun 了,所以 new_fun () 函數還能執行,並且函數體沒有置 null

函數也可以作為值來使用:

function add(fun,num) {
  return fun(num);
}
function add_10(num) {
  return num+10;
}

console.log(add(add_10,200)); // 輸出 : 210

可以這麼解釋:

function add( 函數  ,  參數  ) {

  return  函數 (  傳遞過來的參數 );
}

函數的 arguments.callee
這是一個遞歸的示例

function fun(num) {
  if(num<=1){
    console.log(num );
    return 1 ;
  }else {
    console.log(num );
    return num * arguments.callee(num-1);
  }
}
console.log(fun(3)); // 輸出 6

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