Javascript作為一種腳本語言，具有非常強大的運行效率，可以實現非常多的功能。其中for in和for of就是Javascript中常用的兩種循環語句。這兩種循環語句不僅使用簡單，而且可以快速地遍歷數組、對象等集合類型的數據。

for in可以用來遍歷對象中的所有元素，也可以遍歷數組中的索引 (index)，但遍歷的順序并不一定是按照添加的順序，而是根據對象自身的屬性查找順序。如下示例：

let obj = {a:1, b:2, c:3};
for (let prop in obj) {
console.log(prop + ': ' + obj[prop]);
}

以上代碼展示了如何使用for in語句遍歷對象。我們先定義了一個包含三個屬性的對象，并使用for in語句遍歷該對象的屬性及其對應值。執行以上代碼會輸出如下內容：

a: 1
b: 2
c: 3

相比之下，for of語句只能用來遍歷可迭代對象中的元素 (如數組或字符串等)，它是基于迭代協議實現的。如下示例：

let arr = [1, 2, 3];
for (let val of arr) {
console.log(val);
}

以上代碼展示了如何使用for of語句遍歷數組。我們定義了一個包含三個元素的數組，使用for of語句遍歷該數組中的元素并輸出。執行以上代碼會輸出如下內容：

1
2
3

需要注意的是，在ES6中添加了一個新的數據類型`Set`，它也是可迭代對象的一種。我們可以使用for of語句遍歷一個Set類型對象中的所有元素：

let s = new Set(['a', 'b', 'c']);
for (let val of s) {
console.log(val);
}

以上代碼展示了如何使用for of語句遍歷Set類型對象。我們先定義了一個包含三個元素的Set類型對象，并使用for of語句遍歷該對象中的元素并輸出。執行以上代碼會輸出如下內容：

a
b
c

總而言之，for in和for of都是JavaScript中非常常用的循環語句。for in適用于遍歷對象中的屬性，而for of適用于遍歷可迭代對象中的元素。我們可以根據數據類型的不同，選擇適當的循環語句來幫助我們更加快速地完成復雜的編程任務。