Непонятная ошибка в JS

Вот рабочий пример:

    function range(from, to) { 
    	var arr = []; 
        for (var i = from; i <= to; i++) { 
            arr.push(i); 
        } 
        return arr; 
    } 
     
    function sum() { 
    	var arr = range(1, 10); 
        var sum = 0; 
     
        for (var i = 0; i < arr.length; i++) { 
            sum = sum + arr[i]; 
        } 
    	console.log(sum); 
    } 
    sum();

55

В JS нет такого понятия, как именованный массив (это не PHP), есть либо массив, либо объект (в данном случае самым удачным словом вместо "объекта" будет "хеш").

По этой причине в данном случае держать отдельный счетчик для индексов не нужно.

Ну а вызов функции при декларации другой функции это почти криминал.

В JS допустимо передавать функции в качестве параметров (для последующего использования внутри функции, в которую вы передаете такую функцию), но без invoking, т.е. без ее вызова:

function myFunc() {
    alert('test');
}
function anotherFunc(callMe) {
    callMe();
}
anotherFunc(myFunc);

function sum(range(1, 10)){....}

В скобках при определении функции должны передаваться параметры, а вы делаете вычисления... правильно:

function sum(ar){....}

а уже при вызове можно и вычисления:

s = sum(range(1, 10));