javascript中的 object 和 function

ormsf 發(fā)布于2019-08-21 14:16 / 2600人閱讀

摘要：在學(xué)習(xí)過傳統(tǒng)的面向?qū)ο笳Z言后，如，轉(zhuǎn)學(xué)卻有點不適應(yīng)，特別是中所謂的對象函數(shù)，有時候會被搞暈。是可以動態(tài)的添加屬性和方法的。不過在申明和使用上，的函數(shù)可很大不同。原因定義了兩個相同名字的函數(shù)，該名字只屬于后定義的函數(shù)所以在中沒有重載這一特性。

在學(xué)習(xí)過傳統(tǒng)的面向?qū)ο笳Z言后，如 java c++，轉(zhuǎn)學(xué) javascript 卻有點不適應(yīng)，特別是 javascript 中所謂的 object（對象） function（函數(shù)），有時候會被搞暈。于是乎簡單整理了下面的一些概念性的東西，方便學(xué)習(xí)和理解，會結(jié)合一點 java面向?qū)ο蟮闹R加以說明。

先了解幾個概念：
1.
首先 Object 在 ECMAScripe 中是指什么，在 ECMAScripe 中有5種簡單數(shù)據(jù)類型：Undefined，Null,Boolean,Number,String. 還有一種復(fù)雜數(shù)據(jù)類型，那就是Object.

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

3.
函數(shù) ---- java 中方法的概念

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

5.
Object(), 是什么 --- java中 Object 的構(gòu)造方法， js 中 Object 的構(gòu)造函數(shù)。

Object

js 是可以動態(tài)的添加屬性和方法的。
比如創(chuàng)建一個 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);
}

但這樣封裝性不太好，所以比較經(jīng)常使用的是對象字面量表示法

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
函數(shù)對于任何語言來說都是重要的一部分，函數(shù)是 js的叫法，你也可以理解為就是 java 的方法，c 語言的函數(shù)，都一樣的。不過在申明和使用上， js 的函數(shù) 可很大不同。

函數(shù)的一個示例：

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

還可以這樣：

var fun = function() {
    return "使用表達式創(chuàng)建函數(shù)"
};
console.log(fun()); // 輸出 ： "使用表達式創(chuàng)建函數(shù)"

上面例子你會注意到函數(shù)沒有函數(shù)名，只有一個變量名 fun ，表達式尾部還有一個；分號，
你可以把它當作聲明一個變量的表達式就好理解了，聲明其它變量是這么寫的：

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

來一個帶參數(shù)的例子：

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

是不是有點奇怪，首先我創(chuàng)建的函數(shù)沒有帶參數(shù)的，在調(diào)用的時候有給參數(shù)，在函數(shù)里面也能獲得參數(shù)并返回。
其實這里是要說明一點，js 函數(shù)不介意傳遞進來幾個參數(shù)，也不在乎參數(shù)是什么類型！原因是函數(shù)內(nèi)部接收參數(shù)是用一個數(shù)組來儲存的！
數(shù)組也就是上面的 arguments ，數(shù)組當然不介意你傳幾個參數(shù)進來，有參數(shù)我加一，沒參數(shù)我就是 null 。

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

模仿方法的重載--利用參數(shù)個數(shù)的不同執(zhí)行不同反應(yīng)

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  ！?。?！

沒有重載：

上面例子是模仿函數(shù)的重載，為什么要模仿呢，我自己創(chuàng)建幾個不同參數(shù)的函數(shù)不久可以了。

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

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

明明調(diào)用的是帶一個參數(shù)的函數(shù)，執(zhí)行的確是帶兩個參數(shù)的函數(shù)。原因：js定義了兩個相同名字的函數(shù)，該名字只屬于后定義的函數(shù)！??！所以在 js 中沒有重載這一特性。

函數(shù)名是指針：

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

var new_fun = fun;
fun = null;  // 將 函數(shù) 置 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 （）函數(shù)還能執(zhí)行，并且函數(shù)體沒有置 null

函數(shù)也可以作為值來使用：

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

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

可以這么解釋：

function add(  函數(shù)   ,   參數(shù)   ) {

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

函數(shù)的  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