JavaScript作為一門常用的基礎語言，有著豐富的語法和使用方法，其中訪問屬性值是必須掌握的技能之一。在JavaScript中，訪問對象的屬性值可以通過點號（.）和方括號（[]）兩種方式實現。

使用點號方式可以直接訪問對象的屬性值，例如：

<code>
let obj = {name: 'John', age: 28};
console.log(obj.name); // 輸出 'John'
console.log(obj.age); // 輸出 28
</code>

如果屬性名中包含特殊字符或數字，也可以使用點號方式訪問，例如：

<code>
let obj = {'first name': 'John', 'last name': 'Doe'};
console.log(obj.'first name'); // 報錯，語法錯誤
console.log(obj.'last name'); // 報錯，語法錯誤
</code>

從上面的代碼可以看出，包含空格的屬性名使用點號方式是無法訪問的，必須使用方括號方式。

使用方括號方式可以使用變量或字符串作為屬性名訪問屬性值，例如：

<code>
let obj = {'first name': 'John', 'last name': 'Doe'};
console.log(obj['first name']); // 輸出 'John'
console.log(obj['last name']); // 輸出 'Doe'
</code>

可以看到，使用方括號方式可以正確訪問包含空格的屬性名。同時，也可以使用變量作為屬性名來訪問屬性值，例如：

<code>
let obj = {name: 'John', age: 28};
let prop = 'name';
console.log(obj[prop]); // 輸出 'John'
</code>

從上面的代碼可以看到，即使屬性名是變量，也可以使用方括號方式進行訪問。

如果對象屬性名以數字開頭，使用點號方式訪問屬性值會出現語法錯誤，必須使用方括號方式訪問，例如：

<code>
let obj = {'123': 'abc'};
console.log(obj.123); // 報錯，語法錯誤
console.log(obj['123']); // 輸出 'abc'
</code>

從上面的代碼可以看到，使用方括號方式可以正確訪問數字開頭的屬性名。

總之，在JavaScript中訪問對象屬性值有兩種常見的方式，即點號方式和方括號方式，根據屬性名的不同，選擇不同的方式進行訪問。而方括號方式還可以使用變量或字符串作為屬性名來訪問屬性值，更加靈活。