В чём разница между функцией, методом и процедурой

Функция и метод — это два базовых понятия в программировании, но они используются в разных контекстах.

1. Функция — полностью независимый блок, который может быть объявлен где угодно в коде. Каждая функция возвращает значение и может принимать аргументы:

javascript
1// самая настоящая функция, причём чистая
2function add(a, b) {
3    return a + b;
4}
5

2. Процедура — то же самое, что и функция, но процедура лишь выполняет какие-то действия, но ничего не возвращает:

javascript
1// что-то делаем, но ничего не возвращаем
2function greet(name) {
3    console.log("Hello, " + name);
4}
5

3. Метод — то же самое, что функция или процедура, но принадлежащая определенному объекту или классу. Всегда вызывается от родительской сущности через точечную нотацию:

javascript
1let obj = {
2    x: 4,
3    // метод
4    double: function() {
5        return this.x * 2;
6    }
7};
8
9let result = obj.double();
10console.log(result); // Выведет: 8
11

Принципиально ли использовать правильные названия для каждого из случаев? Для такого душнилы, как я, — да

Я считаю, что верная терминология делает любой разговор более продуктивным и предметным, чем “ну вот это фигня там вот с этой фигней”

Понять друг друга можно и без терминологии, но с ней — гораздо проще. Да и звучите вы профессиональнее, если это для кого-то важно