Have you ever felt like “I know C++,” then opened JavaScript in Qt—and suddenly caught strange bugs from undefined, operator precedence, and the “magic” of implicit conversions? Every developer knows how annoying it is when code looks familiar but behaves differently.
This chapter reveals why syntactic similarity to C++ is a trap, and you’ll discover non-obvious rules that professional developers use to make scripts in Qt work predictably. Here you’ll learn the secret of how to write JavaScript code so it doesn’t turn into a “language of hell,” but instead speeds up development and reduces the number of errors.
Comparing == versus ===, three ways to declare variables (var/let/const), and pitfalls of typeof and null/undefined. Plus—operator precedence breakdown with an example where one character changes the result, and practical try/catch constructs for resilient code.
If you skip these nuances now—they’ll catch up in a real project. Better close the gap while it hasn’t become a bug report.
Chapter Self-Check
Why is it recommended to use let and const instead of var for declaring variables in Qt6?Answer
Correct answer: The var keyword provides function-level scope, which can lead to unexpected effects. Let and const provide block scope, making code more predictable and safe. Using var is considered an outdated approach.
What’s the key difference between == and === operators, and why is this important for comparison?Answer
Correct answer: The == operator performs type conversion before comparison (e.g., true == 1 returns true), while === checks both value and type without conversion (true === 1 returns false). This is critical for preventing unexpected comparison results.
What will happen with the result of the expression let i = 5; const a = i++; and why will values differ from ++i?Answer
Correct answer: Variable a will get the value 5, and i will become 6. The postfix form (i++) first returns the current value, then increments the variable. The prefix form (++i) first increments, then returns the result.
Why do increment and decrement operators have the highest priority among arithmetic operations?Answer
Correct answer: High priority ensures predictable variable changes before participation in other operations. This is critical for correct calculation of complex expressions, where increment must execute before multiplication, division, or addition.
How does JavaScript handle adding a number to a string, for example 7 + ” is a number”?Answer
Correct answer: JavaScript automatically converts the number to a string type and performs string concatenation. The result will be the string “7 is a number”. This is an example of implicit type conversion in a weakly-typed language.
Why use this.call() in a constructor function when inheriting a class?Answer
Correct answer: The call() method allows calling the parent class constructor in the context of the new object (via this), initializing inherited properties. Without this, inherited attributes won’t be correctly set in the child class.
Why is using the with operator not recommended in modern JavaScript?Answer
Correct answer: The with operator creates ambiguity in variable scope, makes code optimization difficult, and is considered obsolete. In strict mode “use strict” its use causes an error. Destructuring should be used instead.
What’s the fundamental difference between null and undefined?Answer
Correct answer: The value undefined means a variable is declared but not initialized. The value null is an explicit indication of absence of value, assigned by the programmer. Important: typeof null returns “object” due to a historical JavaScript bug.
How do you create private class members in JavaScript without the private keyword?Answer
Correct answer: Private members are created via closure—by declaring variables and functions with let inside the constructor. They will be accessible only to methods defined in the constructor, but not accessible from outside the object.
What will happen if you use a variable inside a function without declaring it with let/const/var?Answer
Correct answer: The variable becomes global and will be accessible outside the function. This is not recommended as it can lead to name conflicts. In strict mode “use strict” this causes an error.
Why is JSON preferable to XML for data exchange in JavaScript applications?Answer
Correct answer: JSON strings are valid JavaScript source code and can be executed via eval() without conversion. JSON is more compact, readable, and natively integrated with JavaScript, making it more convenient than XML.
How do you use prototype to extend the capabilities of standard JavaScript objects?Answer
Correct answer: Via prototype you can add new methods to existing classes, for example: Date.prototype.printFullYear = function() {…}. All instances of the class automatically get access to the new method without changing the class source code.
Why is the finally section needed in a try-catch block if code can be written after the entire construct?Answer
Correct answer: The finally block guarantees code execution regardless of whether an error occurred or not, even if return or throw is used in catch. Code after try-catch may not execute if there’s an early exit from the function.
Practical Exercises
Easy Level
Calculator with Type Checking
Create a calculate() function that takes two parameters and an operation (string: “+”, “-“, “*”, “/”). The function should check input data types using typeof and strict comparison (===), and return the operation result or an error message if types don’t match. Use let for variables and const for constant values.
Hints: Use the typeof() operator for type checking. Apply strict comparison (===) for operation verification. Handle division by zero case. Use switch for operation selection.
Medium Level
Point Class with Private Members
Implement a Point2D class with private x and y coordinates using closures. Add methods for getting coordinates, setting them, calculating distance to another point, and a static method for calculating distance between two points. Extend the class to Point3D through inheritance, adding z coordinate. Use prototype to add a toString() method to all points.
Hints: Use let inside the constructor to create private variables. Apply call() to invoke the parent constructor. Distance formula: Math.sqrt((x2-x1)² + (y2-y1)²). For a static method, add a property directly to the constructor function.
Hard Level
Task Management System with JSON
Create a task management system (Task Manager) that stores tasks in JSON format. Implement a Task class with priority, status, and deadline. Create a TaskManager class with the following methods: adding task, deleting by ID, filtering by status/priority, exporting to JSON string, importing from JSON. Use try-catch for handling JSON parsing errors. Add a method to extend all tasks with a new field via prototype.
Hints: Use JSON.stringify() for export and JSON.parse() for import. Apply Array.filter() for task filtering. Wrap JSON.parse() in try-catch to handle incorrect data. Use hasOwnProperty() to check for field presence. Create a literal object for storing tasks with methods to work with them.
💬 Join the Discussion!
Figured out JavaScript subtleties in Qt6? Want to learn more about prototypal inheritance or best practices for using let/const?
Have questions about transitioning from QtScript to QJSEngine? Share your experience with JSON or discuss the advantages of strict mode “use strict”!