NodeJs基本語法和類型

2019-11-20 13:09:44

字體：大中小

來源：轉載

供稿：網友

寫在前面

今天想要查下Node的類型什么的知識，想要總結下，在Googol上看到一個文章，但是原始的鏈接不在了，在快照中把這篇文章拉出來，如果原作者有問題，請聯系我！

該文章都是一些JS的基礎，高手自動跳過！我之前沒怎么寫過js，這方面比較弱，所以在寫node的時候也遇到了麻煩，這里給自己補充下知識！

正文

Node.js 的基礎是 JavaScript 這門腳本語言。而大多數的腳本語言一個共同的特點就是“弱類型”。

不同于 PHP 的是，PHP 就是是有了新變量也無需申明，而 JavaScript 則還是需要 var 來申明一下的。而這個 var 涵蓋了 C++ 中的int、string、char等一切類型的含義，甚至是 function。

本篇以及后篇的所有內容都是在 Linux 或者 Cygwin 下用 vim 進行編輯（若不是則請自行轉變成你自己的方法），然后在命令行下進行查看結果的。

基本語法

變量聲明

在 C/C++ 中，我們這么聲明變量的：

```C++

復制代碼代碼如下:

void foo() {}
int a = 0;
char b = 'a';
float c = 1.0f;
void (*d)() = foo; ///< 忘了是不是這么寫的了，總之是函數指針

而在 Node.js 中則是這樣的：
```javascript

復制代碼代碼如下:

function foo() {}
var a = 0;
var b = 'a';
var c = 1.0;
var d = foo;

所以，無論是什么類型的變量，在 Node.js 中都是以一個 var 來解決的。

循環語句

for…i

這個循環語句基本上跟 C/C++ 一樣，都是

```C++

復制代碼代碼如下:

for(int i = 0; i < foo; i++)
{
//...
}

而鑒于 Node.js 是弱類型，所以只需要：
```javascript

復制代碼代碼如下:

for(var i = 0; i < foo; i++) {
    //...
}
for…in

這是一種后有型的循環語句，類似于 PHP 的 foreach。

比如我們有一個 JSON對象如下：

javascript

復制代碼代碼如下:

var foo = {
    "hello"     : "world",
    "node"      : "js",
    "blahblah"  : "bar"
};

這個時候我們就可以用 for...in 來循環遍歷了：

javascript

復制代碼代碼如下:

for(var key in foo) {
    console.log(key + ": " + foo[key]);
}

我們如果在命令行中打入下面的命令：

復制代碼代碼如下:

$ node foo.js

屏幕上就會顯示下面的內容了：

復制代碼代碼如下:

hello
: world
node: js
blahblah: bar

提示：由上可知，for...in 語句是用來遍歷 JSON對象、數組、對象的鍵名的，而不提供鍵值的遍歷。如果要獲取鍵值，只能通過foo[<當前鍵名>]的形式來獲取。這個跟 PHP 的 foreach 還是有一定區別的。

while…do, do…whill

這個就不多做解釋了，跟其它語言沒什么大的區別，無非就是如果有變量聲明的話，需要用 var 就夠了。

運算符

+, -, *, /

這幾個運算符也就這樣，要注意的是 +。它既可以作用于字符串，也可以作用于數值運算。弱類型語言雖然說類型是弱的，數字有時候可以以字符串的形態出現，字符串有時候可以用數值的形態出現，但是在必要的時候也還是要說一下它是什么類型的，我們可以用下面的代碼去看看結果：

復制代碼代碼如下:

var a = "1";
var b = 2;
console.log(a + b);
console.log(parseInt(a) + b);

這里的 parseInt 是 Node.js 的一個內置函數，作用是將一個字符串解析成 int 類型的變量。

上面的代碼執行結果是:

復制代碼代碼如下:

12
3

注：第一個 console.log 結果是 12，由于 a 是字符串，所以 b 也被系統以字符串的姿態進行加操作，結果就是將兩個字符串黏連在一起就變成了 12。而第二個 console.log 結果是 3，是因為我們將第一個 a 轉變為了 int 類型，兩個 int 型的變量相加即數值相加，結果當然就是 3 了。

==, ===, !=, !==

這里有一點要解釋，當這個邏輯運算符長度為 2 的時候（==, !=），只是判斷外在的值是不是一樣的，而不會判斷類型。如

復制代碼代碼如下:

var a = 1, b = "1";
console.log(a == b);

它輸出的結果就是 true 。但是如果我們在中間判斷的時候再加上一個等號，那么就是嚴格判斷了，需要類型和值都一樣的時候才會是 true，否則就是 false。也就是說

復制代碼代碼如下:

var a = 1, b = "1";
console.log(a === b);

的時候，返回的結果就是 false 了，因為 a 是 int 型的，而 b 則是字符串。

順帶著就把條件語句講了吧，其實這里的 if 跟別的語言沒什么兩樣，就是幾個邏輯運算符兩個等號三個等號的問題。所以就不多做累述了。

typeof

這里我姑且把它當成是一個運算符而不是函數了。

這個運算符的作用是判斷一個變量的類型，會返回一個字符串，即類型名，具體的執行下面的代碼就知道了：

復制代碼代碼如下:

function foo() {}
var a = 0;
var b = '噓~蛋花湯在睡覺。';
var c = 1.0;
var d = foo;
var e = { "a" : a };
var f = [ 1, 2, 3 ];
var g = null;
var h = undefined;
console.log(typeof a);
console.log(typeof b);
console.log(typeof c);
console.log(typeof d);
console.log(typeof e);
console.log(typeof f);
console.log(typeof g);
console.log(typeof h);

這里的執行結果就將會是：

復制代碼代碼如下:

number
string
number
function
object
object
object
undefined

null, undefined, NaN

在 JavaScript 中，有三個特殊的值，如標題所示。其中第一個大家可能都比較熟悉吧，C/C++ 里面也有，不過是大寫的，其本質就是一個

```C++

define NULL 0

而在 JavaScript 中，這三個值所代表的意義都不同。

### null ###

null 是一種特殊的 object，大致的意思就是空。比如說：

var a = null;
大家都能看懂，就不多做解釋了。但是跟 C/C++ 不同的是，這個 null 跟 0 不相等。

### undefined ###

這個東西的意思就是說這個變量未聲明。為了能夠更好地區分 null，我們的樣例代碼如下寫：

```javascript

復制代碼代碼如下:

var a = {
    "foo" : null
};
console.log(a["foo"]);
console.log(a["bar"]);

上面的代碼中，我們讓 a["foo"] 的值為空，即 null。而壓根沒有聲明 a["bar"] 這個東西，它連空都不是。輸出的結果大家都差不多應該猜到了：

復制代碼代碼如下:

null
undefined

NaN

這是一個空的數值，是一個特殊的 number。它的全稱是 Not a Number。有點奇怪，大家可以理解為不是數字形態，或者數值出錯的 number 類型變量。

多在浮點型數值運算錯誤（如被0除）的情況下出現，甚至可以是用戶自己讓一個變量等于 NaN 以便返回一個錯誤值讓大家知道這個函數運算出錯了云云。

小雜碎

其它剩余的語句也跟已存在的其它語言差不多，比如說 break 啊、switch 啊、continue 啊等等等等。

變量類型

這一節主要講的是 JavaScript 對象，其它類型差不多一帶而過吧。

基礎類型

Node.js 包含的基礎類型差不多有如下幾個：

number
string
boolean
array
其中前三種類型可以直接賦值，而 array 的賦值只是一個引用賦值而已，在新變量中改變某個值的話舊變量的值也會改變，直接可以試試下面的代碼：

javascript
var foo = [ 1, 2, 3 ];
var bar = foo;
bar[0] = 3;
console.log(foo);
它得出的結果是：

javascript
[ 3, 2, 3 ]
也就是說 array 要是復制出一個新的數組的話，不能用直接賦值的方法，而必須“深拷貝”。

這里有必要講一下 array 的三種創建方法。

第一種：

javascript

復制代碼代碼如下:

var dog = new Array();
dog[0] = "噓~";
dog[1] = "蛋花湯";
dog[2] = "在睡覺";

第二種：

javascript

復制代碼代碼如下:

var dog = new Array( "噓~", "蛋花湯", "在睡覺" );

第四種：

javascript

復制代碼代碼如下:

var dog = [
    "噓~",
    "蛋花湯",
    "在睡覺"
];

我個人比較喜歡第三種寫法，比較簡潔。

JSON對象

這里我把 JSON對象單獨拎出來而不是把它歸類為 JavaScript對象，如果覺得我有點誤人子弟就可以直接跳過這一節了。

本人對于 JSON對象和 JavaScript 對象的區分放在是否只用來存儲數據，而并非是一個類的實例化。其實 JSON 的本質便是 JavaScript Object Notation。

更多有關 JSON 的信息請自行百科。

在 Node.js 中聲明一個 JSON對象非常簡單：

javascript

復制代碼代碼如下:

var dog = {
  "pre" : "噓~",
  "sub" : {
    "name" : "蛋花湯",
    "act"  : "在睡覺",
    "time" : 12
    },
  "suf" : [ "我說了", "它在睡覺", "就是在睡覺" ]
};

有兩種方式能得到 JSON對象中的某個鍵名的鍵值，第一種是用點連接，第二種是用中括號：

javascript

復制代碼代碼如下:

dog
.pre;
dog["pre"];

注意：上面在用點的時候，后面直接跟的是JSON中的key，如果把key當成是變量去當問，只能用dog[key]試試看：現在你自己動手試試看，用 for...in 的形式遍歷一遍上面的 JSON對象。別忘了用上 typeof 喵~

類（對象）的基礎

嚴格意義上來講，Node.js 的類不能算是類，其實它只是一個函數的集合體，加一些成員變量。它的本質其實是一個函數。

不過為了通俗地講，我們接下去以及以后都將其稱為“類”，實例化的叫“對象”。

因為類有著很多函數的特性，或者說它的本質就是一個函數，所以這里面我們可能一不留神就順帶著把函數基礎給講了。

類的聲明和實例化

聲明一個類非常簡單，大家不要笑：

javascript
function foo() {
//...
}
好了，我們已經寫好了一個 foo 類了。

真的假的？！真的。

不信？不信你可以接下去打一段代碼看看：

javascript
var bar = new foo();
別看它是一個函數，如果以這樣的形式（new）寫出來，它就是這個類的實例化。

而這個所謂的 foo() 其實就是這個 foo() 類的構造函數。

成員變量

成員變量有好兩種方法。

第一種就是在類的構造函數或者任何構造函數中使用 this.<變量名> 。你可以在任何時候聲明一個成員變量，在外部不影響使用，反正就算在還未聲明的時候使用它，也會有一個 undefined 來撐著。所以說這就是第一種方法：

復制代碼代碼如下:

javascript
function foo() {
    this.hello = "world";
}

注意：只有在加了 this 的時候才是調用類的成員變量，否則只是函數內的一個局部變量而已。要分清楚有沒有 this 的時候變量的作用范圍。

第二種方法就是在構造函數或者任何成員函數外部聲明，其格式是 <類名>.prototype.<變量名>：

javascript

復制代碼代碼如下:

function foo() {
    //...
}
foo.prototype.hello = "world";

無論上面哪種方法都是對成員變量的聲明，我們可以看看效果：

javascript

復制代碼代碼如下:

var bar = new foo();
console.log(bar.hello);

甚至你可以這么修改這個類：

javascript

復制代碼代碼如下:

function foo() {
    this.hello = "world";
}
foo.prototype.hello = "蛋花湯";

然后再用上面的代碼輸出。

想想看為什么輸出的還是 world 而不是蛋花湯。

構造函數

我們之前說過了這個 foo() 實際上是一個構造函數。那么顯然我們可以給構造函數傳參數，所以就有了下面的代碼：

javascript

復制代碼代碼如下:

// 代碼2.1
function foo(hello) {
    if(hello === undefined) {
        this.hello = "world";
    } else {
        this.hello = hello;
    }
}

我們看到上面有一個奇葩的判斷 if(hello === undefined)，這個判斷有什么用呢？第一種可能，就是開發者很蛋疼地特意傳進去一個 undefined 進去，這個時候它是 undefined 無可厚非。

還有一種情況。我們一開始就說了 JavaScript 是一門弱類型語言，其實不僅僅是弱類型，它的傳參數也非常不嚴謹。你可以多傳或者少傳（只要保證你多傳或者少傳的時候可以保證程序不出錯，或者邏輯不出錯），原則上都是可以的。多傳的參數會被自動忽略，而少傳的參數會以 undefined 補足。

看看下面的代碼就明白了：

javascript

復制代碼代碼如下:

// 上接代碼2.1
var bar1 = new foo();
var bar2 = new foo("蛋花湯");

請自行輸出一下兩個 bar 的 hello 變量，會發現一個是 world 一個是蛋花湯。顯而易見，我們的第一個 bar1 在聲明的時候，被 Node.js 自動看成了：

javascript

復制代碼代碼如下:

var bar1 = new foo(undefined);

所以就有了它是 world 一說。

還有就是在這個構造函數中，我們看到了傳進去的參數是 hello 而這個類中本來就有個成員變量就是 this.hello。不過我們之前說過了有 this 和沒 this 的時候作用域不同，那個參數只是作用于構造函數中，而加了 this 的那個則是成員變量。用一個 this 就馬上區分開來他們了，所以即使同名也沒關系。

成員函數

成員函數聲明

成員函數的聲明跟成員變量的第二種聲明方法差不多，即 <類名>.prototype.<函數名> = <函數>;

javascript

復制代碼代碼如下:

// 上接代碼2.1
function setHello(hello) {
  this.hello = hello;
}
foo.prototype.setHello = setHello;
bar1.setHello("雞蛋餅");

上面這段代碼顯而易見，我們實現了 foo 類的 setHello 函數，能通過它修改 foo.hello 的值。

但是這么寫是不是有點麻煩？接下去我要講一個 JavaScript 函數重要的特性了。

★ 匿名函數 ★

很多時候我們的某些函數只在一個地方被引用或者調用，那么我們為這個函數起一個名字就太不值了，沒必要，所以我們可以臨時寫好這個函數，直接讓引用它的人引用它，調用它的人調用它。所以函數可以省略函數名，如：

javascript

復制代碼代碼如下:

function(hello) {
    this.hello = hello;
}

至于怎么引用或者調用呢？如果是上面的那個類需要引用的話，就是寫成這樣的：

javascript

復制代碼代碼如下:

foo.prototype.setHello = function(hello) {
    this.hello = hello;
}

這樣的寫法跟成員函數聲明是一個效果的，而且省了很多的代碼量。而且實際上，基本上的類成員函數的聲明都是采用這種匿名函數的方式來聲明的。

至于說怎么樣讓匿名函數被調用呢？這通常用于傳入一個只被某個函數調用的函數時這樣寫。

比如我們有一個函數的原型是：

javascript

復制代碼代碼如下:

/**
 * 我們將傳入a，b兩個變量，
 * 在算出a+b的值后，交由func(num)
 * 去進行輸出
 */
function sumab(a, b, func) {
    var c = a + b;
    func(a, b, c);
}

比如我們有兩個版本的輸出函數，一個是中文輸出，一個是英文輸出，那么如果不用匿名函數時候是這么寫的：

javascript

復制代碼代碼如下:

function zh(a, b, sum) {
  console.log(a + " + " + b + " 的值是：" + sum);
}
function en(a, b, sum) {
  console.log(a + " plus " + b + " is " + sum);
}
sumab(1, 2, zh);
sumab(3, 4, en);

執行一遍這段代碼，輸出的結果將會是：

1 + 2 的值是：3
3 plus 4 is 7
這樣的代碼如果采用匿名函數的形式則將會是：

javascript

復制代碼代碼如下:

sumab(1, 2, function(a, b, sum) {
    console.log(a + " + " + b + " 的值是：" + sum);
});
sumab(3, 4, function(a, b, sum) {
    console.log(a + " plus " + b + " is " + sum);
});

這種形式通常使用于回調函數。回調機制算是 Node.js 或者說 JavaScript 的精髓。在以后的篇章會做介紹。

成員函數聲明的匿名函數聲明方式

雖然上一節講過了，不過還是再講一遍吧。

通常我們聲明類的成員函數時候都是用匿名函數來聲明的，因為反正那個函數也就是這個類的一個成員函數而已，不會在其它地方被單獨引用或者調用，所以就有了下面的代碼：

javascript

復制代碼代碼如下:

// 上接代碼2.1
foo.prototype.setHello = function(hello) {
    this.hello = hello;
}

這樣我們就使得 foo 類有了 setHello 這個函數了。

2.3.4. 類的隨意性

這個又是我胡扯的。所謂類的隨意性即 JavaScript 中你可以在任何地方修改你的類，這跟 Ruby 有著一定的相似之處。

比如說 string ，它其實也是一個類，有著諸如 length 這樣的成員變量，也有 indexOf、substr 等成員函數。但是萬一我們覺得這個 string 有些地方不完善，想加自己的方法，那么可以在你想要的地方給它增加一個函數，比如：

javascript

復制代碼代碼如下:

String.prototype.sb = function() {
  var newstr = "";
  for(var i = 0; i < this.length; i++) {
    if(i % 2 === 0) newstr += "s";
    else newstr += "b";
  }
  return newstr;
};

這個函數的意思就是填充一個字符串，使其變成 sb 的化身。

我們來測試一下：

復制代碼代碼如下:

var str = "噓~蛋花湯在睡覺。";
console.log(str.sb());

你將會得到這樣的結果：

sbsbsbsbs
你跟你的電腦說“噓~蛋花湯在睡覺。”，你的電腦會罵你四次半傻逼。（趕快砸了它）

3. 附

3.1. 深拷貝

所謂深拷貝就是自己新建一個數組或者對象，把源數組或者對象中的基礎類型變量值一個個手動拷過去，而不是只把源數組或者對象的引用拿過來。所以這就涉及到了一個遞歸的調用什么的。

下面是我實現的一個深拷貝函數，大家可以寫一個自己的然后加入到自己的 Node.js 知識庫中。

javascript

復制代碼代碼如下:

function cloneObject(src) {
  var dest = {};
  for(var key in src) {
    if(typeof src === "object") dest[key] = cloneObject(src[key]);
    else dest[key] = src[key];
  }
  return dest;
}

上一篇：js實現進度條的方法

下一篇：動態加載js的方法匯總