Console.log: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
No edit summary
 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
console.log(message)
console. (followed by name of function to be called)


== Description ==
== Description ==


Console.log outputs text to the debugger's console. If you run your app with the debugger's console window open, you can see the message as your program runs. This is useful for tracing program execution, checking variable's value during execution and for timing.
Console.log outputs text to the [[Using the Chrome Debugger|Chrome Debugger]]'s console. If you run your app with the debugger's console window open, you can see the message as your program runs. This is useful for tracing program execution, checking variables' values during execution and for timing.
 
Here's a video show some of the techniques in action: https://www.youtube.com/watch?v=xkzDaKwinA8


Here are related console commands:
Here are related console commands:
Line 9: Line 11:
{| class="wikitable"
{| class="wikitable"
|-
|-
|console.assert(expression, object) ||  
|console.assert(expression, object) || If the specified expression is false, the message is written to the console along with a stack trace
|-
|-
|console.clear() ||  
|console.clear() || Clears the console.
|-
|-
|console.count(label) ||  
|console.count(label) || Writes the the number of times that count() has been invoked at the same line and with the same label.
|-
|-
|console.debug(object [, object, ...]) ||  
|console.debug(object [, object, ...]) || Same as console.log.
|-
|-
|console.dir(object) ||  
|console.dir(object) || Prints a JavaScript representation of the specified object.
|-
|-
|console.dirxml(object) ||  
|console.dirxml(object) || Prints an XML representation of the specified object.
|-
|-
|console.error(object [, object, ...]) ||  
|console.error(object [, object, ...]) || Similar to console.log, but includes a trace().
|-
|-
|console.group(object[, object, ...]) ||  
|console.group(object[, object, ...]) || Starts a new logging group with an optional title
|-
|-
|console.groupCollapsed(object[, object, ...]) ||  
|console.groupCollapsed(object) || Creates a new logging group that is initially collapsed
|-
|-
|console.groupEnd() ||  
|console.groupEnd() || Closes the most recently created logging group.
|-
|-
|console.info(object [, object, ...]) ||  
|console.info(object [, object, ...]) || Same as console.log.
|-
|-
|console.log(object [, object, ...]) || Output a string or variable to the log.
|console.log(object [, object, ...]) || Output a string or variable to the log.
|-
|-
|console.profile([label]) ||  
|console.memory() || Output memory usage statistics.
|-
|-
|console.profileEnd() ||  
|console.profile([label]) || Starts a JavaScript CPU profile with an optional label.
|-
|-
|console.time(label) ||  
|console.profileEnd() || Stops the current JavaScript CPU profiling session and outputs to Profile panel.
|-
|-
|console.timeEnd(label) ||  
|console.table(table) || Output data as a table
|-
|-
|console.timeStamp([label]) ||  
|console.time(label) || Starts a new timer with an associated label.
|-
|console.timeEnd(label) || Stops the timer with the specified label and prints the elapsed time.
|-
|console.timeStamp([label]) || Puts an entry in the Debugger Timeline.
|-
|-
|console.trace() || Shows a stack trace. See what function you are coming from.
|console.trace() || Shows a stack trace. See what function you are coming from.
|-
|-
|console.warn(object [, object, ...]) ||  
|console.warn(object [, object, ...]) || Similar to console.log, but with a warning label.
|}
|}


== Example (Basic) ==
== Example ==


<pre>
<tabber>
JavaScript=
<syntaxhighlight lang="JavaScript">
//console.log sample call
function Main() {
  console.log("This is a logging message");
  console.log(arguments.callee.name);
}
</syntaxhighlight>
|-|
BASIC=
<syntaxhighlight lang="vb.net">
Rem console.log
Rem console.log
Sub Main()
  console.log("This is a logging message")
  console.log(arguments.callee.name)
End Sub
</syntaxhighlight>
</tabber>


ChangeForm(Form2)           
== Example - console.table ===
'go to next form without transition
Set up a simple table, then run your app. languages is global.
<pre>
languages = [ _
    { name: "JavaScript", fileExtension: ".js" }, _
    { name: "TypeScript", fileExtension: ".ts" },_
    { name: "CoffeeScript", fileExtension: ".coffee" }_
]</pre>
Now, go into the console and display languages:


Function Form1_onhide()
[[File:Consoletable.png]]
  MsgBox "Old Form Hidden"
End Function


Function Form2_onshow()
== Output ==
  Msgbox "Show form " & NSBCurrentForm.id
End Function
</pre>


== Example (JavaScript) ==
(on console in Chrome Debugger)
<pre>
<pre>
//ChangeForm sample call
This is a logging message
 
Main
ChangeForm(Form2);
//go to next form without transition
 
Form1.onhide = function() {
  alert("Old Form Hidden");
}
 
Form2.onshow = function() {
  alert("Show form " +  NSBCurrentForm.id);
}
</pre>
</pre>
== Output ==
(msgbox showing "Old Form Hidden")
(msgbox showing "Show form Form2")


== Related Items ==
== Related Items ==
Line 93: Line 102:
[[Category:Language Reference]]
[[Category:Language Reference]]


[[Category:Statements - Flow of control]]
[[Category:Statements - Debugging]]

Latest revision as of 14:01, 24 July 2019

console. (followed by name of function to be called)

Description

Console.log outputs text to the Chrome Debugger's console. If you run your app with the debugger's console window open, you can see the message as your program runs. This is useful for tracing program execution, checking variables' values during execution and for timing.

Here's a video show some of the techniques in action: https://www.youtube.com/watch?v=xkzDaKwinA8

Here are related console commands:

console.assert(expression, object) If the specified expression is false, the message is written to the console along with a stack trace
console.clear() Clears the console.
console.count(label) Writes the the number of times that count() has been invoked at the same line and with the same label.
console.debug(object [, object, ...]) Same as console.log.
console.dir(object) Prints a JavaScript representation of the specified object.
console.dirxml(object) Prints an XML representation of the specified object.
console.error(object [, object, ...]) Similar to console.log, but includes a trace().
console.group(object[, object, ...]) Starts a new logging group with an optional title
console.groupCollapsed(object) Creates a new logging group that is initially collapsed
console.groupEnd() Closes the most recently created logging group.
console.info(object [, object, ...]) Same as console.log.
console.log(object [, object, ...]) Output a string or variable to the log.
console.memory() Output memory usage statistics.
console.profile([label]) Starts a JavaScript CPU profile with an optional label.
console.profileEnd() Stops the current JavaScript CPU profiling session and outputs to Profile panel.
console.table(table) Output data as a table
console.time(label) Starts a new timer with an associated label.
console.timeEnd(label) Stops the timer with the specified label and prints the elapsed time.
console.timeStamp([label]) Puts an entry in the Debugger Timeline.
console.trace() Shows a stack trace. See what function you are coming from.
console.warn(object [, object, ...]) Similar to console.log, but with a warning label.

Example

//console.log sample call
function Main() {
  console.log("This is a logging message");
  console.log(arguments.callee.name);
}

Rem console.log
Sub Main()
  console.log("This is a logging message")
  console.log(arguments.callee.name)
End Sub

Example - console.table =

Set up a simple table, then run your app. languages is global.

languages = [ _
    { name: "JavaScript", fileExtension: ".js" }, _
    { name: "TypeScript", fileExtension: ".ts" },_
    { name: "CoffeeScript", fileExtension: ".coffee" }_
]

Now, go into the console and display languages:

Output

(on console in Chrome Debugger)

This is a logging message
Main

Related Items

Form