Jak Mogę zmienić domyślne zachowanie konsoli.Zaloguj się Safari?

To, co zwykle robię, jeśli chcę zobaczyć jego stan w czasie, gdy był rejestrowany, to po prostu konwertuję go na ciąg JSON.

console.log(JSON.stringify(a));

Vanilla JS:

@odpowiedź Evana wydaje się tutaj najlepsza. Po prostu (ab)użyj JSON.parse / stringify, aby skutecznie wykonać kopię obiektu.

console.log(JSON.parse(JSON.stringify(test)));

JQuery specyficzne rozwiązanie:

Można utworzyć migawkę obiektu w określonym momencie za pomocą jQuery.extend

console.log($.extend({}, test));

To, co się tutaj dzieje, to jQuery tworzy nowy obiekt z zawartością obiektu test i zapisuje to (aby nie uległo zmianie).

AngularJS (1) rozwiązanie:

Angular zapewnia copy funkcję, która może być używana do tego samego efektu: angular.copy

console.log(angular.copy(test));

Vanilla js wrapper funkcja:

Oto funkcja, która zawija console.log, ale zrobi kopię obiektów przed ich wylogowaniem.

Napisałem to w odpowiedzi na kilka podobnych, ale mniej solidnych funkcji w odpowiedziach. Obsługuje wiele argumentów i będzie nie próbować kopiować rzeczy, jeśli nie są one regularnymi obiektów.

function consoleLogWithObjectCopy () {
  var args = [].slice.call(arguments);
  var argsWithObjectCopies = args.map(copyIfRegularObject)
  return console.log.apply(console, argsWithObjectCopies)
}

function copyIfRegularObject (o) {
  const isRegularObject = typeof o === 'object' && !(o instanceof RegExp)
  return isRegularObject ? copyObject(o) : o
}

function copyObject (o) {
  return JSON.parse(JSON.stringify(o))
}

Przykładowe użycie: consoleLogWithObjectCopy('obj', {foo: 'bar'}, 1, /abc/, {a: 1})

To > Object w konsoli, nie tylko pokazuje aktualny stan. W rzeczywistości odkłada odczyt obiektu i jego właściwości, dopóki go nie rozszerzysz.

Na przykład,

var test = {a: true}
console.log(test);
setTimeout(function () {
    test.a = false; 
    console.log(test);
}, 4000);

Następnie rozwiń pierwsze wywołanie, będzie poprawne, jeśli zrobisz to przed drugim console.log zwróci

Używając podpowiedzi Xeon06, możesz parsować jego JSON w obiekcie, A oto funkcja dziennika, której teraz używam do zrzucania moich obiektów:

function odump(o){
   console.log($.parseJSON(JSON.stringify(o)));
}

Zdefiniowałem użyteczność:

function MyLog(text) {
    console.log(JSON.stringify(text));
}

A jak chcę się zalogować na konsolę to po prostu robię:

MyLog("hello console!");

Możesz chcieć zalogować obiekt w sposób czytelny dla człowieka:

console.log(JSON.stringify(myObject, null, 2));

To wcięło obiekt z 2 spacjami na każdym poziomie.

Jak wydrukować JSON za pomocą JavaScript?

Istnieje możliwość użycia biblioteki debuggera.

Https://debugjs.net/

Wystarczy umieścić skrypt na swojej stronie internetowej i umieścić instrukcje dziennika.

<script src="debug.js"></script>

Logowanie

var test = {a: true}
log(test); // {a: true}
test.a = false; 
log(test); // {a: false}

Mogę zostać postrzelony za sugerowanie tego, ale to można zrobić krok dalej. Możemy bezpośrednio rozszerzyć sam obiekt konsoli, aby uczynić go bardziej przejrzystym.

console.logObject = function(o) {
  (JSON.stringify(o));
}

Nie wiem, czy spowoduje to jakiś rodzaj kolizji/rozpadu nuklearnego/rip w kontinuum czasoprzestrzeni. Ale to działa pięknie w moich testach qUnit. :)

Po prostu odśwież stronę po otwarciu konsoli lub otwórz konsolę przed wysłaniem żądania na stronę docelową....

Po prostu wydrukuj cały obiekt na konsoli.

console.dir(object);