JavaScript是一門常用于網頁設計的腳本語言，可以在網頁中添加交互效果，使得網頁更加生動有趣，受到了很多網頁設計師的青睞。在JavaScript的學習過程中，最基礎也是最重要的就是了解其兩大類——基本類型和引用類型。
基本類型
JavaScript的基本類型有number、string、boolean、null、undefined和symbol共6種，每個類型都有自己的特點和應用場景。
例如，number類型可以表達數字、整數或者浮點數，其在進行四則運算時可發揮強大的作用。下面是一個求和的例子：

let a = 10;
let b = 20;
let sum = a + b;
console.log(sum);

在這個例子中，a和b都是number類型的變量，通過加法運算符相加后，得到了一個number類型的結果，其值為30。我們用console.log()方法將其打印出來，便能看到結果了。
另外，string類型用于表示一段文本，可以通過單引號、雙引號或反向引號定義。例如：

let str1 = 'Hello';
let str2 = "world";
let str3 =this is a ${str1} ${str2} message;
console.log(str3);

在這個例子中，我們使用了反向引號定義了一個字符串，其中用${}包裹了兩個變量，這樣可以直接在字符串內插入變量的值，得到的結果是：this is a Hello world message。
引用類型
JavaScript的引用類型有object、array、date、regexp、function和error共6種，引用類型是一種復合類型，他們可以存儲多個不同類型的值，并且可以組成對象。
例如，object類型用于表示一個對象，一個對象可以有自己的屬性和方法，通過點符號或者中括號可以對屬性進行訪問。下面是一個例子：

let obj = {
name: 'Tom',
age: 18,
sayHello: function() {
console.log('Hello, I am ' + this.name);
}
}
obj.sayHello();

在這個例子中，我們定義了一個對象obj，它有兩個屬性name和age，以及一個方法sayHello。其中，this代表obj對象本身，所以當調用obj.sayHello()時，會輸出Hello, I am Tom。
另外，array類型用于表示一個數組，一個數組可以有多個元素，可以通過下標訪問元素，進行遍歷等操作。例如：

let arr = [1, 2, 3, 4, 5];
for(let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}

在這個例子中，我們定義了一個數組arr，含有5個元素。我們通過for循環遍歷數組，并用console.log()將每個元素打印出來。
總結
JavaScript的基本類型和引用類型不僅僅是語言特性，更是編程思維和習慣的體現。在使用JavaScript進行編程的時候，我們需要根據具體需求選擇合適的類型，充分發揮其優點，并進行合理的組合和搭配。