If you pass a number, that always evaluates to true unless it's 0. If you pass a string, it always evaluates to true unless it's an empty string. Those are general rules of casting types to a boolean. Did you notice the curly braces? That is called a block , and it is used to group a list of different statements.
A block can be put wherever you can have a single statement. And if you have a single statement to execute after the conditionals, you can omit the block, and just write the statement:. The first is using the array literal syntax. The second uses the Array built-in function. Since we can add an array into an array, we can create multi-dimensional arrays, which have very useful applications e. You can initialize a new array with a set of values using this syntax, which first initializes an array of 12 elements, and fills each element with the number 0 :.
Note that you can set the length of the array. If you assign a bigger number than the arrays current capacity, nothing happens. If you assign a smaller number, the array is cut at that position:. Returns the first item that returns true, and returns undefined if the element is not found. I personally prefer single quotes all the time, and use double quotes only in HTML to define attributes. Another way to define strings is to use template literals, defined inside backticks.
They are especially useful to make multiline strings much simpler. With single or double quotes you can't define a multiline string easily - you'd need to use escaping characters. Once a template literal is opened with the backtick, you just press enter to create a new line, with no special characters, and it's rendered as-is:.
Template literals are also great because they provide an easy way to interpolate variables and expressions into strings. With a loop we can automate and repeat a block of code however many times we want it to run, even indefinitely. We add a condition after the while keyword, and we provide a block that is run until the condition evaluates to true.
Very similar to while , we have do.. It's basically the same as while , except the condition is evaluated after the code block is executed. We use the for keyword and we pass a set of 3 instructions: the initialization, the condition, and the increment part.
Just like with while loops, you can interrupt a for loop using break and you can fast forward to the next iteration of a for loop using continue. This loop is relatively recent introduced in and it's a simplified version of the for loop:.
Note that in the second invokation I passed the black string parameter as the color argument, but no age. In this case, age inside the function is undefined.
Although the conditional will also be true if age is null , 0 or an empty string. You can pass any value as a parameter: numbers, strings, booleans, arrays, objects, and also functions.
A function has a return value. By default a function returns undefined , unless you add a return keyword with a value:. They are very often used instead of "regular" functions, the ones I described in the previous chapter. You'll find both forms used everywhere. If the function body contains just a single statement, you can omit the parentheses and write everything on a single line:.
Arrow functions allow you to have an implicit return - values are returned without having to use the return keyword. Like with regular functions, we can have default values for parameters in case they are not passed:.
The two types of functions are very similar, so you might ask why arrow functions were introduced. The big difference with regular functions is when they are used as object methods. This is something we'll soon look into. Any value that's not of a primitive type a string, a number, a boolean, a symbol, null, or undefined is an object.
This is the object literal syntax, which is one of the nicest things in JavaScript. You can also initialize an object using the new keyword before a function with a capital letter. This function serves as a constructor for that object.
In there, we can initialize the arguments we receive as parameters, to setup the initial state of the object:. If you assign a variable the same value of another, if it's a primitive type like a number or a string, they are passed by value:. Even arrays or functions are, under the hood, objects, so it's very important to understand how they work. The value of a property can be of any type, which means that it can be an array, a function, and it can even be an object, as objects can nest other objects.
Here we have a car object with a property named color , with value blue. Labels can be any string, but beware of special characters - if I wanted to include a character not valid as a variable name in the property name, I would have had to use quotes around it:. The second which is the only one we can use for properties with invalid names , is to use square brackets:. Functions can be assigned to a function property, and in this case they are called methods.
In this example, the start property has a function assigned, and we can invoke it by using the dot syntax we used for properties, with the parentheses at the end:. In the following example, we have access to the brand and model properties values using this. It's important to note this distinction between regular functions and arrow functions - we don't have access to this if we use an arrow function:.
We can create a class named Person note the capital P , a convention when using classes , that has a name property:. There is a special method called constructor that we can use to initialize the class properties when we create a new object instance. Now we can instantiate a new object from the class, pass in a string, and when we call hello we'll get a personalized message:.
When the object is initialized, the constructor method is called with any parameters passed. A class can extend another class, and objects initialized using that class inherit all the methods of both classes.
Now if we instantiate a new object with the class Programmer , it has access to the hello method:. One of the simplest examples of how to use callbacks is with timers. Timers are not part of JavaScript, but they are provided by the browser and Node. Let me talk about one of the timers we have: setTimeout. The setTimeout function accepts 2 arguments: a function, and a number. The number is the milliseconds that must pass before the function is ran. The function containing the console.
If you add a console. This is a very common pattern when working with the file system, the network, events, or the DOM in the browser. As we saw in the previous chapter, with callbacks we'd be passing a function to another function call that would be called when the function has finished processing. The main problem with this approach is that if we need to use the result of this function in the rest of our code, all our code must be nested inside the callback, and if we have to do callbacks we enter in what is usually defined "callback hell" with many levels of functions indented into other functions:.
We first call the function, then we have a then method that is called when the function ends. Now, to be able to use this syntax, the doSomething function implementation must be a little bit special. It must use the Promises API. This function receives 2 parameters. The first is a function we call to resolve the promise, the second a function we call to reject the promise. Resolving a promise means to complete it successfully which results in calling the then method in whatever uses it.
Rejecting a promise means ending it with an error which results in calling the catch method in whatever uses it. Any code that wants to use this function will use the await keyword right before the function:. With one particular caveat: whenever we use the await keyword, we must do so inside a function defined as async. As you can see in the example above, our code looks very simple. Compare it to code using promises, or callback functions. And this is a very simple example, the major benefits will arise when the code is much more complex.
When I introduced variables, I talked about using const , let , and var. If a variable is defined outside of a function or block, it's attached to the global object and it has a global scope, which mean it's available in every part of a program. There is a very important difference between var , let and const declarations. A variable defined as var inside a function is only visible inside that function, similar to a function's arguments. A variable defined as const or let on the other hand is only visible inside the block where it is defined.
A block is a set of instructions grouped into a pair of curly braces, like the ones we can find inside an if statement, a for loop, or a function. It's important to understand that a block does not define a new scope for var , but it does for let and const. Suppose you define a var variable inside an if conditional in a function. This is because var is function scoped, and there's a special thing happening here called hoisting.
In short, the var declaration is moved to the top of the closest function by JavaScript before it runs the code. This is what the function looks like to JS internally, more or less:. This is why you can also console.
It can be tricky at first, but once you realize this difference, then you'll see why var is considered a bad practice nowadays compared to let - they have less moving parts, and their scope is limited to the block, which also makes them very good as loop variables because they cease to exist after a loop has ended:.
If you switch to let , when you try to console. If this article was helpful, tweet it. Learn to code for free. Get started. Forum Donate. Flavio Copes. JavaScript is one of the most popular programming languages in the world. I believe it's a great choice for your first programming language ever. We mainly use JavaScript to create websites web applications server-side applications using Node.
JavaScript is a programming language that is: high level : it provides abstractions that allow you to ignore the details of the machine where it's running on. It manages memory automatically with a garbage collector, so you can focus on the code instead of managing memory like other languages like C would need, and provides many constructs which allow you to deal with highly powerful variables and objects. This has pros and cons, and it gives us powerful features like dynamic typing, late binding, reflection, functional programming, object runtime alteration, closures and much more.
Don't worry if those things are unknown to you - you'll know all of them by the end of the course. You can reassign any type to a variable, for example, assigning an integer to a variable that holds a string.
In practice, browsers do compile JavaScript before executing it, for performance reasons, but this is transparent to you - there is no additional step involved. You can write JavaScript using an object-oriented paradigm, using prototypes and the new as of ES6 classes syntax. You can write JavaScript in a functional programming style, with its first-class functions, or even in an imperative style C-like.
A little bit of history Created in , JavaScript has gone a very long way since its humble beginnings. Just JavaScript Sometimes it's hard to separate JavaScript from the features of the environment it is used in. In this book I talk about JavaScript, the language. A brief intro to the syntax of JavaScript In this little introduction I want to tell you about 5 concepts: white space case sensitivity literals identifiers comments White space JavaScript does not consider white space meaningful.
For example, I always use 2 space characters for each indentation. Case sensitive JavaScript is case sensitive. The same goes for any identifier. Some names are reserved for JavaScript internal use, and we can't use them as identifiers. Comments Comments are one of the most important parts of any program, in any programming language. My personal preference is to avoid semicolons, so my examples in the book will not include them.
Values A hello string is a value. Variables A variable is a value assigned to an identifier, so you can reference and use it later in the program. A variable must be declared before you can use it. We have 2 main ways to declare variables. Using let you can assign a new value to it. Types Variables in JavaScript do not have any type attached. They are untyped. Primitive types Primitive types are numbers strings booleans symbols And two special types: null and undefined.
Object types Any value that's not of a primitive type a string, a number, a boolean, null or undefined is an object. We'll talk more about objects later on. Expressions An expression is a single unit of JavaScript code that the JavaScript engine can evaluate, and return a value. We also use third-party cookies that help us analyze and understand how you use this website.
These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience. Necessary Necessary.
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website.
These cookies do not store any personal information. Non-necessary Non-necessary.
0コメント