JavaScript 中的點運算符是一種常用的操作符，它讓我們能夠方便地訪問對象屬性和方法。點運算符的語法非常簡單，只需要將對象名和屬性名用點號連接起來即可。 例如，我們可以使用點運算符來訪問一個對象的屬性：

var person = {
name: 'Tom',
age: 20,
gender: 'male'
};
console.log(person.name); // 輸出 'Tom'
console.log(person.age); // 輸出 20
console.log(person.gender); // 輸出 'male'

在上面的例子中，我們定義了一個名為 person 的對象，并使用點運算符來訪問它的屬性。我們可以使用 person.name、person.age 和 person.gender 來訪問這個對象的屬性值。 點運算符還可以用來調用對象的方法。例如，我們可以定義一個名為 sayHello 的方法，并使用點運算符來調用它：

var person = {
name: 'Tom',
sayHello: function() {
console.log('Hello, my name is ' + this.name);
}
};
person.sayHello(); // 輸出 'Hello, my name is Tom'

在上面的例子中，我們定義了一個名為 sayHello 的方法，并使用點運算符來調用它。在這個方法中，我們使用了 this 關鍵字來引用對象本身的屬性值。 除了點運算符，JavaScript 還有其他的訪問對象屬性和方法的方式。例如，我們可以使用方括號運算符來訪問對象的屬性：

var person = {
name: 'Tom',
age: 20,
gender: 'male'
};
console.log(person['name']); // 輸出 'Tom'
console.log(person['age']); // 輸出 20
console.log(person['gender']); // 輸出 'male'

在上面的例子中，我們使用方括號運算符來訪問對象的屬性。需要注意的是，在使用方括號運算符時，屬性名必須用引號括起來。 點運算符與方括號運算符之間有什么區別呢？其實它們的功能是一樣的，只是語法有所不同。通常情況下，我們會優先選擇使用點運算符，因為它更加簡潔明了。 然而，在某些情況下，使用方括號運算符可能更加靈活。例如，當我們需要動態地創建屬性名時，就需要使用方括號運算符：

var person = {
name: 'Tom',
age: 20,
gender: 'male'
};
var propName = 'name';
console.log(person[propName]); // 輸出 'Tom'

在上面的例子中，我們使用一個變量 propName 來動態地創建屬性名。如果我們使用點運算符來訪問屬性，就無法使用一個變量來指定屬性名了。 總之，點運算符是 JavaScript 中的一個常用操作符，它能夠方便地訪問對象的屬性和方法。雖然在某些情況下使用方括號運算符更加靈活，但通常情況下我們會優先選擇使用點運算符。