TypeError: console.log (…) non è una funzione

Sono davvero confuso come posso ottenere console.log non è una funzione sulla riga 1091. Se rimuovo la chiusura di seguito, la riga 1091 non si lamenta di tale errore. Chrome versione 43.0.2357.130 (64 bit).

Ecco il codice:

$scope.columnNameChanged = function (tableColumn) {
    setDirtyColumn(tableColumn);
    //propagate changes to the key fields
    for (var i = 0; i < $scope.tableIndexes.length; ++i) {
        for (var j = 0; j < $scope.tableIndexes[i].columnName.length; ++j) {
            if ($scope.tableIndexes[i].columnName[j] === tableColumn.previousName) {
                console.log('xxx', $scope.tableIndexes[i].columnName[j])
                (function (i, j) {
                    $timeout(function () {
                        console.log($scope.tableIndexes[i].columnName[j])
                        $scope.tableIndexes[i].columnName[j] = tableColumn.name.toUpperCase();
                        console.log($scope.tableIndexes[i].columnName[j])
                    });
                })(i, j);
            }
        }
    }
};

Soluzione

Metti semplicemente un punto e virgola ( ;) dopo console.log(… ).

Spiegazione

L'errore è facilmente riproducibile in questo modo:

console.log()
(function(){})

Sta cercando di passare function(){}come argomento al valore restituito di console.log()cui non è una funzione ma in realtà undefined(controllo typeof console.log();). Questo perché JavaScript lo interpreta come console.log()(function(){}). console.logtuttavia è una funzione.

Se non avessi l' consoleoggetto vedresti

ReferenceError: console non definita

Se avessi l' consoleoggetto ma non il logmetodo che vedresti

TypeError: console.log non è una funzione

Quello che hai, tuttavia, è

TypeError: console.log (...) non è una funzione

Notare il (...)dopo il nome della funzione. Con quelli si riferisce al valore di ritorno della funzione.

L'interruzione di riga non separa queste due espressioni come istruzioni separate a causa delle regole di JavaScript per l'inserimento automatico del punto e virgola (ASI) .

Rispetta il ;

Tutti questi frammenti di codice generano tutti i tipi di errori imprevisti se non sono presenti punti e virgola:

console.log() // As covered before
() // TypeError: console.log(...) is not a function

console.log() // Accessing property 0 of property 1 of the return value…
[1][0] // TypeError: console.log(...) is undefined

console.log() // Like undefined-3
-3 // NaN

let a, b;
const array = Array.from({ length: 2 })

// Now, let’s use destructuring:
[a, b] = array; // ReferenceError: can't access lexical declaration 'array' before initialization

let a, b;
const array = Array.from({ length: 2 }).fill(1),
  array2 = Array.from({ length: 2 })

// Now, let’s use destructuring. Attempt to get the two 1’s from `array` as `a` and `b`:
[a, b] = array;
console.log(a, b); // undefined undefined

Un altro esempio

Puoi vedere le (...)volte con l'uso di metodi concatenati o funzioni di accesso alle proprietà concatenate:

string.match(/someRegEx/)[0]

Se quella RegEx non viene trovata, il metodo verrà restituito nulle la funzione di accesso della proprietà attiva nullcauserà un TypeError: string.match(...) is null - il valore restituito è null. Nel caso del console.log(...)il valore di ritorno è stato undefined.

L'errore significa che il valore restituito di console.log()non è una funzione. Manca un punto e virgola:

console.log('xxx', $scope.tableIndexes[i].columnName[j]);
//                                                      ^

che fa (...)interpretare quanto segue dell'IIFE come una chiamata di funzione.

Confronta i messaggi di errore di

> var foo = {bar: undefined};
> foo.bar();
Uncaught TypeError: foo.bar is not a function

e

> var foo = {bar: function(){}};
> foo.bar()();
Uncaught TypeError: foo.bar(...) is not a function

Aggiornamento 2020

Una possibile causa può essere la dichiarazione di var consoleda qualche parte nel tuo script.

Uso:

window.console.log(...);

anziché. Ha funzionato per me.

spero possa essere d'aiuto

C'è un altro modo per riscontrare questo errore. console.lognon è immutabile ed è possibile sovrascrivere accidentalmente il valore.

console.log = 'hi';

In questo caso è sufficiente ricaricare la pagina per riparare il danno.

So che questa non è "LA" risposta, ma ho pensato di aggiungere quanto segue

 var console = $( data.message_target );
 console.val( console.val() + data.message); 
 console.scrollTop(console[0].scrollHeight - console.height());

Avevo una textarea nella pagina che stavo chiamando " console ". improvvisamente tutti i miei script console.log () hanno dato l'errore "Uncaught TypeError: console.log non è una funzione in Object"

... e giustamente, perché ho usato uno spazio dei nomi riservato per il mio oggetto / var. Ho capito cosa avevo fatto dopo aver letto il suo post, e per il bene dei posteri: ricontrolla le convenzioni di denominazione.

Saluti

"è sempre un errore umano"

Almeno in react-native, la console sembra funzionare senza alcuna importazione, quindi, rimuovendo import console = require('console');o import console from 'console';dall'inizio del mio file è stato risolto per me. (l'IDE VS Code sembra aggiungerlo automaticamente a volte)