āđāļāļāļēāļĢāđāļāļĩāļĒāļāļ āļēāļĐāļē JavaScript āļāļąāđāļāļĄāļĩāļāļąāđāļāļŠāļīāđāļāļāļĩāđāđāļŦāļĄāļ·āļāļāđāļĨāļ°āđāļāļāļāđāļēāļāļāļąāļāļ āļēāļĐāļēāđāļāļĢāđāļāļĢāļĄāļāļ·āđāļāđ āļŠāļģāļŦāļĢāļąāļāļāļāļāļĩāđāđāļāđāļāļēāļ JavaScript āđāļĄāđāļ§āđāļēāļāļ°āđāļāļīāđāļāđāļĢāļīāđāļĄāļĻāļķāļāļĐāļēāļŦāļĢāļ·āļāđāļāđāļĄāļēāļāļēāļāđāļĨāđāļ§ āļāđāļāļēāļāļāļ°āļĒāļąāļāļĄāļĩāļāļēāļāđāļĢāļ·āđāļāļāļāļĩāđāļŠāļāļŠāļąāļĒāļŦāļĢāļ·āļāļĒāļąāļāđāļĄāđāļĢāļđāđāđāļāļĩāđāļĒāļ§āļāļąāļ JavaScript āļāļĒāļđāđ āđāļĢāļēāļāļķāļāļĢāļ§āļāļĢāļ§āļĄ 10 āđāļĢāļ·āđāļāļāļāđāļēāļĢāļđāđāđāļāļĩāđāļĒāļ§āļāļąāļ JavaScriptāļĄāļēāđāļŦāđāđāļāđāļĨāļāļāļāđāļēāļāļāļąāļ
1. āļāļēāļĢāļāļĢāļ°āļāļēāļĻāļāļąāļ§āđāļāļĢ var, let, const āđāļāđāđāļāļāđāļŦāļ
āđāļāļāļēāļĢāđāļāļĩāļĒāļāđāļāđāļ āļāļēāļĢāļāļĢāļ°āļāļēāļĻāļāļąāļ§āđāļāļĢāļāđāđāļāđāļāļŠāļīāđāļāđāļĢāļāđ āļāļĩāđāļāđāļēāļāļ°āđāļāļāđāļāļāļēāļĢāđāļĢāļīāđāļĄāļāđāļāļĻāļķāļāļĐāļēāļ āļēāļĐāļēāļāļąāđāļāđ āđāļ JavaScript āļāđāđāļāđāļāļāļąāļ āļŠāļģāļŦāļĢāļąāļāļāļāļāļĩāđāđāļĢāļīāđāļĄāļĻāļķāļāļĐāļē JavaSctipt āļāđāļēāļāļ°āđāļāļĒāđāļŦāđāļāļāđāļēāļāļāļēāļĄāļēāļāđāļēāļāļāđāļāļ·āļ var, let āđāļĨāļ° const āđāļāļ·āđāļāļāļēāļĢāļāļģāđāļāđāļāđāļāļēāļāļāļĒāđāļēāļāļāļđāļāļāđāļāļ āļĨāļāļāļĄāļēāļāļđāļāļąāļāļ§āđāļēāļāļēāļĢāļāļĢāļ°āļāļēāļĻāđāļāđāļĨāļ°āđāļāļāļāļąāđāļāļāđāļēāļāļāļąāļāļāļĒāđāļēāļāđāļĢāļāđāļēāļ
function run() { const myNum = 191; var one = "One"; let two = "Two"; { var three = "Three"; let four = "Four"; } console.log(one); //Output: One console.log(two); //Output: Two console.log(three); //Output: Three console.log(four); //Uncaught ReferenceError } run();
- var – āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļāļĢāļ°āļāļēāļĻāļāđāļēāļāđāļ§āļĒ var āļāļąāđāļ āļāđāļēāļāļ°āđāļāđāļāđāļāļāļāļĩāđāļāļļāļāđāļāļĒāđāļŦāđāļāļāļąāļāđāļāđāļāļāļ āļāļķāđāļāļāļēāļĢāđāļāđ var āļāļąāđāļāđāļāļĒāđāļāđāļāļŦāļĨāļąāļāđāļāļāļēāļĢāļāļĢāļ°āļāļēāļĻāļāļąāļ§āđāļāļĢāļĄāļēāļāđāļāļāļāļĩāđ ES6 āļāļ°āļāļāļāļĄāļē āļāļķāđāļāļāļēāļĢāļāļĢāļ°āļāļēāļĻāļāđāļ§āļĒ var āļāļąāđāļāļāļ°āđāļāđāļāđāļāļ function scope āđāļĄāļ·āđāļāļāļĢāļ°āļāļēāļĻāļāļąāļ§āđāļāļĢāđāļĨāđāļ§āļāļ°āļŠāļĄāļēāļĢāļāļāļģāđāļāđāļāđāđāļāđāļ āļēāļĒāđāļāļāļąāļāļāđāļāļąāļāļāļąāđāļāđāļāđāļāļąāđāļāļŦāļĄāļ
- let â āđāļāđāļāļāļēāļĢāļāļĢāļ°āļāļēāļĻāļāļąāļ§āđāļāļĢāļāļĩāđāļāļāļāļĄāļēāļāļĢāđāļāļĄāļāļąāļāļāļąāļ const āļāļķāđāļāļĄāļēāļāļĢāđāļāļĄāļāļąāļāļāļąāļāđāļāļ ES6 āđāļāļ·āđāļāļāđāļ§āļĒāđāļŦāđāļāļēāļĢāđāļāļĩāļĒāļ JavaScript āļāļąāđāļāļāđāļēāļĒāļāļķāđāļ āđāļāļĒ let āđāļĄāļ·āđāļāļāļĢāļ°āļāļēāļĻāđāļĨāđāļ§āļāļąāļ§āđāļāļĢāļāļ°āļĄāļĩāļāđāļēāļāļĒāļđāđāđāļāđāļ āļēāļĒāđāļ block scope āļāļ·āļāđāļāđāļ āļēāļĒāđāļāđāļāļĢāļ·āđāļāļāļŦāļĄāļēāļĒ { āđāļĨāļ° } āļāļģāđāļŦāđāđāļĄāđāđāļāļīāļāļāļąāļāļŦāļēāļāļēāļĢāļāđāļēāļāļāļīāļāļāļąāļ§āđāļāļĢāđāļāđāļē āđāļāđāļ āļāļēāļĢāđāļāđāļāļąāļ§āđāļāļĢāđāļ loop āļāđāļēāļāđ āļāļĩāđāļāđāļāļāļāļēāļĢāļāļĢāļ°āļāļēāļĻāļāđāļēāļāļķāđāļāļĄāļēāđāļŦāļĄāđ
- const – āđāļāđāļŠāļģāļŦāļĢāļąāļāļāļĢāļ°āļāļēāļĻāļāđāļēāļāļąāļ§āđāļāļĢāļāļĩāđāđāļĄāđāļāđāļāļāļāļēāļĢāđāļŦāđāđāļāļĨāļĩāđāļĒāļāđāļāļĨāļāļāđāļēāđāļāđ āđāļāļĢāļēāļ°āđāļĄāļ·āđāļāļāļĢāļ°āļāļēāļĻāļāđāļēāđāļāđāļĨāđāļ§āļāļ°āđāļĄāđāļŠāļēāļĄāļĢāļāđāļāđāđāļāļāđāļēāļāļąāđāļāļāđāļģāđāļāđ āđāļāļĒ const āļāļąāđāļāļāļģāļāļēāļāļ āļēāļĒāđāļ block scope āđāļŦāļĄāļ·āļāļāļāļąāļāļāļąāļ let
2. āļāļāļīāļāļāļāļāļāļąāļ§āđāļāļĢ
JavaScript āđāļāđāļ dynamic data type āļāļ·āļāļāļąāļ§āđāļāļĢāļŦāļāļķāđāļāļāļąāļ§āļāļąāđāļ āļŠāļēāļĄāļēāļĢāļāļāļģāļŦāļāļāļāđāļēāļāļĩāđāļāļāļīāļāđāļāļāļāđāļēāļāļāļąāļāđāļŦāđāļāļąāļāļāļąāļ§āđāļāļĢāļāļąāđāļāđāđāļāđ
var x = 10; console.log(x); //Output: 10 x = "hello"; console.log(x); //Output: hello x = [1, 2, 3]; console.log(x); //Output: [1,2,3]
āļāļ°āđāļŦāđāļāļ§āđāļēāđāļāļāļāļāđāļĢāļāļāļąāđāļāļāļąāļ§āđāļāļĢ x āļāļąāđāļāļāļđāļāļāļģāļŦāļāļāļāđāļē string āđāļ§āđ āđāļāđāļ āļēāļĒāļŦāļĨāļąāļāļāđāļŠāļēāļĄāļēāļĢāļāļāļģāļŦāļāļāļāđāļēāļāđāļ§āļĒ number āļŦāļĢāļ·āļ array āđāļŦāđāļāļąāļāļāļąāļ§āđāļāļĢ x āđāļāđāđāļāđāļāļāļąāļ āđāļāļāđāļēāļāļŦāļāļķāđāļāļāļķāļāļāļĩāđāļāļ·āļāļāļ§āļēāļĄāļāđāļēāļĒāđāļāļāļēāļĢāđāļāļĩāļĒāļāđāļāđāļ āđāļāđāđāļĄāļ·āđāļāđāļāđāļāļĄāļĩāļāļ§āļēāļĄāļāļąāļāļāđāļāļāļāļķāđāļ āļŦāļĢāļ·āļāđāļāļāļēāļĢāļāļģāđāļāđāļāđāđāļāđāļāļĢāđāļāđāļāđāļŦāļāđāđ āļāļēāļĢāļāļĩāđāđāļĄāđāļĢāļ°āļāļļāļāļāļīāļāļāļāļāļāļąāļ§āđāļāļĢāļāđāļāļēāļāļāļ°āļāļĨāļēāļĒāđāļāđāļāļāļ§āļēāļĄāļĒāļļāđāļāļĒāļēāļāđāļāļāļēāļĢāļāļąāļāļāļēāđāļāđ āļāļķāđāļāļāđāļēāļāļĒāļđāđāđāļāļāļļāļāļāļąāđāļāļāļāļāđāļāļāļŦāļēāļāļēāļāđāļĨāļ·āļāļāļāļ·āđāļ āđāļāđāļāļāļēāļĢāđāļāļĨāļĩāđāļĒāļāđāļāđāļāđ TypeScript āđāļāļāļēāļĢāļāļąāļāļāļēāđāļāļ
3. āđāļāļĢāļ·āđāļāļāļŦāļĄāļēāļĒ == āļāļąāļ === āļāđāļēāļāļāļąāļāļĒāļąāļāđāļ ?
āļāļēāļĢāļŠāļĢāđāļēāļāļāļąāļĨāļāļāļĢāļīāļāļķāļĄāļāļķāđāļāļĄāļē operator āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāđāļāļĢāļĩāļĒāļāđāļāļĩāļĒāļāļāđāļēāļāļ·āđāļāļāļēāļāļĒāđāļāļĄāđāļāđāļāļŠāļīāđāļāļāļģāđāļāđāļāļāļĩāđāļĄāļĩāļāļĒāļđāđāđāļāđāļāđāļ āđāļāđāļ āļĄāļēāļāļāļ§āđāļē, āļāđāļāļĒāļāļ§āđāļē, āđāļāđāļēāļāļąāļ āļŦāļĢāļ·āļ āđāļĄāđāđāļāđāļēāļāļąāļ āļŠāļģāļŦāļĢāļąāļāđāļāļĢāļ·āđāļāļāļŦāļĄāļēāļĒāļāļĩāđāđāļāđāđāļāļāļēāļĢāđāļāļĢāļĩāļĒāļāđāļāļĩāļĒāļāļāļ§āļēāļĄāđāļāđāļēāļāļąāļāļāļąāđāļ āļāļēāļāļāļ°āđāļāļĒāđāļŦāđāļāļŦāļĢāļ·āļāđāļāļĒāđāļāđāļāļąāđāļ == āđāļĨāļ° === āļĄāļēāđāļĨāđāļ§ āđāļāđāļāļēāļāļāļ°āļĒāļąāļāđāļĄāđāđāļāđāļēāđāļāļ§āđāļēāļĄāļąāļāļĄāļĩāļāļ°āđāļĢāļāļĩāđāļāđāļēāļāļāļąāļ
var a = 10; var b = '10'; a == b // Output: true a === b // Output: false
- == āļāļ°āđāļāđāļŠāļģāļŦāļĢāļąāļāđāļāļĢāļĩāļĒāļāđāļāļĩāļĒāļāļāļ§āļēāļĄāđāļāđāļēāļāļąāļ (equality)
- === āđāļāđāđāļāļāļēāļĢāđāļāļĢāļĩāļĒāļāđāļāļĩāļĒāļāļāļ§āļēāļĄāđāļŦāļĄāļ·āļāļāļāļąāļ/āđāļāđāļāļāļĒāđāļēāļāđāļāļĩāļĒāļ§āļāļąāļ (identically)
āđāļāļāļēāļĢāđāļāđāļāļēāļ == āļāļąāđāļāļāļ°āļāļģāļāļēāļĢāđāļāļĨāļāļāļāļīāļāļāļāļāļāļąāļ§āđāļāļĢāđāļāļ·āđāļāđāļāļĢāļĩāļĒāļāđāļāļĩāļĒāļāļāļąāļ āđāļāļāļāļ°āļāļĩāđ === āļāļ°āđāļĄāđāļāļģāļāļēāļĢāđāļāļĨāļāļāļāļīāļāļāļāļāļāđāļāļĄāļđāļĨ āđāļāđāļāļ°āđāļāļĢāļĩāļĒāļāđāļāļĩāļĒāļāļāļąāđāļ āļāļāļīāļāļāļāļāļāļąāļ§āđāļāļĢ āđāļĨāļ°āļāđāļēāļāļāļāļāļąāļ§āđāļāļĢ āđāļāļĒāļāļĢāļ
4. What is âthisâ ?
āđāļāļ āļēāļĐāļēāļāļ·āđāļāđāđāļāđāļ Java āļāļąāđāļ this āļāļ°āđāļāđāđāļāļ·āđāļāļāđāļēāļāļāļīāļāļāļķāļ Object āļāļĩāđāļāļģāļĨāļąāļāđāļāđāļāļēāļāļāļĒāļđāđ āļāļĒāđāļēāļāđāļāđāļ method āļ āļēāļĒāđāļāļāļĨāļēāļŠāļāļĩāđāļāđāļāļāļāļēāļĢāđāļĢāļĩāļĒāļāļāđāļēāļāļąāļ§āđāļāļĢāļ āļēāļĒāđāļāļāļĨāļēāļŠāļāļąāđāļ āļāđāļŠāļēāļĄāļēāļĢāļāļĢāļ°āļāļļāđāļāđāļāđāļ§āļĒāļāļēāļĢāđāļāđ this āđāļāđāđāļāļŠāđāļ§āļāļāļāļ JavaScript āļāļąāđāļāļāļ°āļāđāļēāļāļāļāļāđāļ āđāļāļĒāļāļ°āđāļāļĨāļĩāđāļĒāļāđāļāļāļēāļĄāļāļĢāļīāļāļāļāļĩāđāđāļāđāļāļēāļ āđāļāđāļ
// āļŠāļĢāđāļēāļ Object var pet = { name: "Foo", weight: 15, info: function() { return "Name: " + this.name+ ", Weight: " + this.weight; } };
- this āđāļ method āļāļ°āļāđāļēāļāļāļīāļāļāļķāļ Object āļāļĩāđāđāļāđāļāđāļāđāļēāļāļāļ āđāļāđāļāđāļāļĩāļĒāļ§āļāļąāļāļāļąāļāļ āļēāļĐāļē OOP āļāļ·āđāļ
var x = 10; function run() { var x = 20; console.log(x); //Output: 20 console.log(this.x); //Output: 10 } run();
- this āđāļ function āļāļ°āļāđāļēāļāļāļīāļāļāļķāļ Window Object
<button onclick="console.log(this.tagName);"> Click Me </button> //Output: BUTTON
- this āđāļ event handler āļāļ°āļāđāļēāļāļāļīāļāļāļķāļ HTML Element āļāļĩāđāđāļāđāļāļāļąāļ§āļāļģāđāļŦāđāđāļāļīāļ event āļāļąāđāļāđ
5. Null āļāļąāļ undefined āļāđāļēāļāļāļąāļāļĒāļąāļāđāļ ?
āļŠāļģāļŦāļĢāļąāļāļāļāļāļĩāđāđāļāļĒāđāļāļĩāļĒāļ JavaJcript āļāđāļēāļāļ°āđāļāļĒāđāļāļ error āđāļāļĩāđāļĒāļ§āļāļąāļ null āđāļĨāļ° undefined āļĄāļēāļāđāļēāļ āļāļķāđāļāļāļąāđāļāļŠāļāļāļāļĒāđāļēāļāļāđāļĨāđāļ§āļāđāļāđāđāļāđāļāļāļąāļāļŦāļēāđāļāļĩāđāļĒāļ§āļāļąāļāļāļąāļ§āđāļāļĢāđāļ§āļĨāļēāđāļāļĩāļĒāļāđāļāđāļāđāļŦāļĄāļ·āļāļāđāļāļąāļ āđāļĨāđāļ§āļŠāļāļāļāļĒāđāļēāļāļāļĩāđāđāļāļāļāđāļēāļāļāļąāļāļāļĢāļāđāļŦāļ?
var myVarA; console.log(myVarA); //Output: undefined var myVarB = null; console.log(myVarB); //Output: null
- Undefined āļāļąāđāļāļŦāļĄāļēāļĒāļāļķāļāļ§āđāļēāļāļąāļ§āđāļāļĢāļāļąāđāļāļāļđāļāļāļĢāļ°āļāļēāļĻāđāļĢāļĩāļĒāļāļĢāđāļāļĒāđāļĨāđāļ§āđāļāđāļĒāļąāļāđāļĄāđāđāļāđāļāļģāļŦāļāļāļāđāļēāđāļŦāđāļāļąāļ§āđāļāļĢ
- Null āļāļąāđāļāđāļāđāļāļāđāļēāļāļĩāđāđāļāđāļāļģāļŦāļāļāđāļŦāđāļāļąāļāļāļąāļ§āđāļāļĢāđāļāļ·āđāļāļŠāļ·āđāļāļāļ§āļēāļĄāļŦāļĄāļēāļĒāļ§āđāļē āļāļąāļ§āđāļāļĢāļāļąāđāļāđāļĄāđāļĄāļĩāļāđāļēāļāļ°āđāļĢ
āļāļāļāļāļēāļāļāļ§āļēāļĄāļŦāļĄāļēāļĒāļāļāļāļāļąāđāļāļŠāļāļāļāļąāļ§āļāļ°āļāđāļēāļāļāļąāļāđāļĨāđāļ§ āļĒāļąāļāļĄāļĩāļāđāļāļŠāļąāļāđāļāļāļāļĩāļāļ§āđāļē undefined āļāļąāđāļāļāļ°āđāļāđāļāļāđāļēāđāļĢāļīāđāļĄāļāđāļāļāļĩāđāđāļāļĢāđāļāļĢāļĄāļāļ°āļāļģāļŦāļāļāđāļŦāđāļāļąāļ§āđāļāļĢāļāļĩāđāļāļđāļāļŠāļĢāđāļēāļāļāļķāđāļāđāļāđāļĒāļąāļāđāļĄāđāđāļāđāļāļģāļŦāļāļāļāđāļēāđāļŠāļĄāļ āļŠāđāļ§āļ null āļāļąāđāļāļāļ°āđāļāđāļāļāđāļēāļāļĩāđāđāļāļĢāđāļāļĢāļĄāđāļĄāļāļĢāđāđāļāđāļāļāļāļāļģāļŦāļāļāđāļŦāđāļāļąāļāļāļąāļ§āđāļāļĢ (āļĢāļđāļāđāļāļāļāļīāļāļāļđ)
6. for / forEach / for-in / for-of āđāļāļāđāļŦāļāđāļāđāļĒāļąāļāđāļ ?
āđāļāļāļēāļĢāđāļāļĩāļĒāļāđāļāļĢāđāļāļĢāļĄāļĒāļąāļāđāļāļāđāļāļāļŦāļāļĩāđāļĄāđāļāđāļāļāļēāļĢāđāļāđ for loop āđāļāļĢāļēāļ°āđāļāđāđāļāļāļēāļĢāļāļģāļāđāļģāļāļēāļāļāđāļēāļāđ āđāļāļĒāļŦāļĨāļąāļāđāļāļĩāđāļ āļēāļĐāļēāđāļāļĢāđāļāļĢāļĄāļāļ·āđāļāđāļĄāļĩāļāļąāļāļāđāļāđāļēāļāļ°āđāļāđāļ for āđāļĨāļ° for each āļāļĩāđāđāļāđāļĨāļ°āļāļāļāļāļāļ°āđāļāļĒāļāļļāđāļāđāļāļĒāļāļąāļāđāļĨāđāļ§ āļāļāļĄāļēāđāļāđāļ javascript āļāđāļĄāļĩāđāļāđāļāļāļąāļ āđāļāđāļāđāļēāđāļāļĢāđāļāđāļĨāļāļāļŦāļēāļāđāļāļĄāļđāļĨāļāļđāļāļēāļāļāļ°āđāļāđāđāļāļāļāļąāļ for-in āđāļĨāļ° for-of āļāļĩāđāļāļēāļĢāđāļāđāļāļēāļāļāđāļāļđāļāļĨāđāļēāļĒāļāļąāļāđāļāļŦāļĄāļ āđāļĨāđāļ§āļāļĩāļāļĩāđāđāļĢāļēāļāļ°āđāļĨāļ·āļāļāđāļāđ for āđāļāļāđāļŦāļāļāļāļāđāļŦāļāļāļĩ
let myArray = [1, 2, 3] for (let index = 0; index < myArray.length; index++) { const element = myArray[index]; console.log(element); }
//Output 1 2 3
- for â āđāļĢāļīāđāļĄāļāļĩāđāļāļąāļ§āļāļ·āđāļāļāļēāļ āļŠāļģāļŦāļĢāļąāļ for āļāļąāļ§āļāļĩāđāļāļļāļāļāļāļāđāļāļāđāļāļĒāđāļāđāļāļąāļāđāļāđāļāļāļ āđāļāļĒāļāļ°āđāļāđāļāļāļēāļĢāļ§āļāļĨāļđāļāļāļēāļĄāļāđāļē index āļāļĩāđāļāļģāļŦāļāļāđāļ§āđ
let myArray = [1, 2, 3] myArray.forEach(element => { console.log(element); });
//Output 1 2 3
- forEach â āļĄāļēāļāļķāļāļāļąāļ§āļāļĩāđāļāđāļāđāļēāļāļ°āļĢāļđāđāļāļąāļāļāļēāļĢāļāļģāļāļēāļāļāļāļāļĄāļąāļāļāļĩāđāđāļŦāļĄāļ·āļāļāļāļąāļāļāļąāļāļ āļēāļĐāļēāļāļ·āđāļāđ āļāļ·āļāđāļāđāđāļāļ·āđāļāđāļāđāļēāļāļķāļāļāđāļāļĄāļđāļĨāđāļ Array āļāđāļēāļāđ āđāļāļĒāļāļĩāđāđāļĢāļēāđāļĄāđāļāđāļāļāļāļĢāļ°āļāļēāļĻāļāđāļē index āđāļāļāļēāļĢāļ§āļāļĨāļđāļāđāļāļ āđāļāđ forEach āļāļ°āđāļāđāļēāļāļķāļāļāđāļāļĄāļđāļĨāđāļ Array āļāļąāđāļāđāļāđāļāļģāđāļŦāļāđāļāđāļĢāļāļāļāļāļķāļāļŠāļļāļāļāđāļēāļĒāđāļŦāđāđāļĢāļē
var dog = { name: "Yoyo", color: "black", age: 2 } for (const key in dog) { if (dog.hasOwnProperty(key)) { const element = dog[key]; console.log(key + " : " + element); } }
//Output name : Yoyo color : black age : 2
- for…in – āļŠāļģāļŦāļĢāļąāļ for-in āļāļāļ javascript āļāļąāđāļāđāļāđāļŠāļģāļŦāļĢāļąāļāļ§āļāļĨāļđāļ Object āļāļķāđāļāļāļ°āđāļāđāđāļāđāļāļāļ·āđāļ properties āļāļāļ Object āļāļąāđāļāđ āļŦāļĢāļ·āļāļāđāļāļ·āļ key āļāļąāđāļāđāļāļ
// Array var myArray = [1, 2, 3]; for (const iterator of myArray) { console.log(iterator); }
//Output 1 2 3
// String var str = "hello"; for (const iterator of str) { console.log(iterator); }
//Output h e l l o
- for…of â āļāļąāļ§āļŠāļļāļāļāđāļēāļĒāļāļąāļ forâĶof āļāļąāļ§āļāļĩāđāļāļ°āđāļāđāļāļēāļāđāļāđāļāļąāļ iterable object āļŦāļĄāļēāļĒāļāļ§āļēāļĄāļ§āđāļēāļāļ°āđāļĢāļāđāļāļēāļĄāļāļĩāđāļŠāļēāļĄāļēāļĢāļāļ§āļāļĨāļđāļāđāļāđ āļāļ°āļŠāļēāļĄāļēāļĢāļāđāļāđ forâĶof āđāļāđāļāļąāđāļāđāļāļ āđāļāđāļ array, set āļŦāļĢāļ·āļāđāļĄāđāđāļāđ string āļāđāļŠāļēāļĄāļēāļĢāļāđāļāđāđāļāđ
āļāļĩāđāđāļāđāļāđāļāļĩāļĒāļāđāļāđāļāļēāļĢāļ§āļāļĨāļđāļāļāđāļ§āļĒ for āļāđāļēāļāđāđāļāđāļēāļāļąāđāļ āļĒāļąāļāđāļĄāđāļāļąāļāļĢāļ§āļĄ while āļāļĩāļ āļāļķāļāļāļķāđāļāļāļĒāļđāđāļāļąāļāļāļēāļĢāđāļāđāļāļēāļ āļ§āđāļēāļāļ°āđāļĨāļ·āļāļāđāļāđāļāļąāļāđāļŦāļāđāļŦāđāđāļŦāļĄāļēāļ°āļŠāļĄāļāļąāļāļāļ§āļēāļĄāļāđāļāļāļāļēāļĢāļāļāļāđāļĢāļē
7. use strict āļāļ·āļāļāļ°āđāļĢ ?
āļŦāļĨāļēāļĒāļāļāļāļĩāđāđāļāļĒāđāļāđāļāđāļēāļāđāļāđāļ JavaScript āļāđāļēāļāļ°āđāļāļĒāļāđāļēāļāļāļēāļāļąāļ use strict āļāļĩāđāļāļĒāļđāđāļāļĢāļĢāļāļąāļāđāļĢāļāļāļāļāđāļāđāļāļĄāļēāļāļąāļāļāđāļēāļ āđāļāđāļāļēāļāļāļ°āđāļĄāđāļĢāļđāđāļ§āđāļēāļĄāļąāļāļĄāļĩāđāļ§āđāđāļāļ·āđāļāļāļ°āđāļĢ Â use strict āļĄāļĩāđāļ§āđāđāļāļ·āđāļāļĢāļ°āļāļļāļ§āđāļēāđāļāđāļāđāļāļŠāđāļ§āļāļāļąāđāļāļāļ°āļāļģāļāļēāļāđāļ strict mode āļāļķāđāļāļāļ°āļāļģāđāļŦāđāđāļāđāļāļąāļ§āđāļāļĢāļāļĩāđāļĒāļąāļāđāļĄāđāđāļāđāļāļĢāļ°āļāļēāļĻāđāļĄāđāđāļāđ āđāļāļ·āđāļāļāļāļēāļāđāļ javascript āļāļąāđāļāļŦāļēāļāđāļĢāļĩāļĒāļāđāļāđāļāļąāļ§āđāļāļĢāđāļāļĒāđāļĄāđāđāļāđāļāļĢāļ°āļāļēāļĻ var/let/const āļāļģāļŦāļāđāļēāļāļ·āđāļāļāļąāļ§āđāļāļĢ āļāļąāļ§āđāļāļĢāļāļąāđāļāļāļ°āļāļđāļāļāļģāļŦāļāļāđāļāđāļ global variables āļāļąāļāļāļąāđāļāđāļāļ·āđāļāļāđāļāļāļāļąāļāļāļ§āļēāļĄāļāļīāļāļāļĨāļēāļāđāļāļāļēāļĢāļāļĢāļ°āļāļēāļĻāļāđāļēāļāļąāļ§āđāļāļĢāđāļĢāļēāļāļķāļāļŠāļēāļĄāļēāļĢāļāđāļāđ use strict āđāļāđ
function myFunction1 () { x = 6; console.log(x); //Output: 6 } myFunction1()
function myFunction2 () { "use strict"; y = 7; console.log(y); //Uncaught ReferenceError: y is not defined } myFunction2()
8. Arrow Function ( => ) āļāļ·āļāļāļ°āđāļĢ ?
āļŠāļģāļŦāļĢāļąāļāļāļāļāļĩāđāđāļāļīāđāļāđāļĢāļīāđāļĄāļĻāļķāļāļĐāļē JavaScript āđāļ§āļĨāļēāļāđāļāļŦāļēāļāđāļāļĄāļđāļĨāļāļēāļāļāļ°āđāļāļāļāļąāļāđāļāļĢāļ·āđāļāļāļŦāļĄāļēāļĒ => āļāļĩāđāļĄāļĩāļāļāļĄāļēāļāļāļāļāļēāļĄāļāļĢāļ°āļāļđāđāļāļģāļāļēāļĄāļāđāļēāļāđāđāļāđāļāđāļ Stack Overflow āđāļĨāđāļ§āļāļāļ§āđāļēāļĄāļąāļāļāļ·āļāļāļ°āđāļĢ āļāļ·āđāļāļāļāļāđāļāļĢāļ·āđāļāļāļŦāļĄāļēāļĒāļāļĩāđāļāđāļāļēāļĄāļŦāļąāļ§āļāđāļāļāļĩāđāđāļĨāļĒāļāļ·āļ Arrow Function āđāļāđāļāļŠāļīāđāļāļāļĩāđāļĄāļēāļāļĢāđāļāļĄāļāļąāļ ES6 āđāļāļ·āđāļāđāļŦāđāļŠāļēāļĄāļēāļĢāļāđāļāļĩāļĒāļāļāļąāļāļāđāļāļąāļāđāļāđāļŠāļąāđāļāļĨāļ
// āđāļāļāļāļāļāļī sayHi = function() { return "Hi Human"; }
// āđāļāļāđāļāđ Arrow Function sayHi = () => { return "Hi Human"; }
9. string āļāļ°āđāļāđ â â , â â āļŦāļĢāļ·āļ ` ` ?
āļāļēāļĢāļāļĢāļ°āļāļēāļĻāļāđāļēāđāļŦāđāļāļąāļāļāļąāļ§āđāļāļĢāļāļāļīāļ string āđāļ JavaScript āđāļĢāļēāļāđāļēāļāļ°āđāļāļĒāđāļŦāđāļāļŦāļĢāļ·āļāđāļāđāļāļąāđāļ â â (single quote) āđāļĨāļ° â â (double quote) āļāļķāđāļāļāļģāļāļēāļāđāļāđāđāļŦāļĄāļ·āļāļāļāļąāļāļāļļāļāļāļĢāļ°āļāļēāļĢ āļāļķāđāļāļāļĒāļđāđāļāļąāļāļāļ§āļēāļĄāļāļāļāļāļāļāđāļāđāļĨāļ°āļāļ āđāļāļĒāļāļļāļāļāļĩāđāđāļāļāļāđāļēāļāļāļąāļāļāļ·āļ
var str = 'Hello it\'s me'; console.log(str); //Output: Hello it's me
- single quote â āļāđāļāļāđāļāđ Escape character āļŠāļģāļŦāļĢāļąāļāļāļīāļĄāļāđ single quote
var str = "Hello from the \"other\" side"; console.log(str); //Output: Hello from the "other" side
- double quote – āļāđāļāļāđāļāđ Escape character āļŠāļģāļŦāļĢāļąāļāļāļīāļĄāļāđ double quote
āļāļēāļāļŠāļāļāđāļāļāļāđāļēāļāļāđāļāļāđāļāļ°āļāļģāđāļŦāđāļāļ§āļēāļĄāļĒāļēāļāļāđāļēāļĒāđāļāļāļēāļĢāļāļĢāļ°āļāļēāļĻāļāđāļēāļāļąāļ§āđāļāļĢ string āļāđāļēāļāļāļąāļāļāļāļāđāļāļāļķāđāļāļāļĒāļđāđāļāļąāļāļ§āđāļēāđāļāđāļāļāļĢāļ°āđāļĒāļāđāļāļāđāļŦāļ āđāļĢāļēāļāđāļŠāļēāļĄāļēāļĢāļāđāļĨāļ·āļāļāđāļāđāļāļēāļĄāļāļ§āļēāļĄāđāļŦāļĄāļēāļ°āļŠāļĄāđāļāđ āđāļāđāļĒāļąāļāļĄāļĩāļāļĩāļāđāļāļĢāļ·āđāļāļāļŦāļĄāļēāļĒāļāļķāļāļāļĩāđāđāļāđāļāļĢāļ°āļāļēāļĻāļāđāļē string āđāļāđ āļāđāļāļ·āļ ` ` (backtick) āļāđāļāļ·āļāđāļāļĢāļ·āđāļāļāļŦāļĄāļēāļĒāļāļĩāđāļāļĒāļđāđāļāļļāđāļĄāđāļāļĩāļĒāļ§āļāļąāļāļāļąāļāļāļļāđāļĄāļāļąāļ§āļŦāļāļāļāļāļĩāđāļĄāļąāļāđāļāđāļŠāļģāļŦāļĢāļąāļāđāļāļĨāļĩāđāļĒāļāļ āļēāļĐāļēāļāļąāļāļāļąāđāļāđāļāļ āļŠāđāļ§āļāļāļēāļĢāļāļģāđāļāđāļāđāļāļēāļāļāļąāđāļ
str = `Hello it's me from the "other" side`; console.log(str); //Output: Hello it's me from the "other" side
- backtick – āđāļĄāđāļāđāļāļāđāļāđ Escape character āđāļāđāļ§āļĨāļēāļāļĩāđāļāļīāļĄāļāđāļāļąāđāļ single quote āđāļĨāļ° double quote
āļāļ°āđāļŦāđāļāđāļāđāļ§āđāļēāļāļēāļĢāđāļāđ backtick āļāļąāđāļāļāđāļ§āļĒāđāļŦāđāļāļēāļĢāļāļĢāļ°āļāļēāļĻāļāđāļē string āļāļąāđāļāļāļģāđāļāđāļāđāļēāļĒāļāļķāđāļ āđāļĨāļ°āđāļāđāļāļāđāļēāļāđāļāđāļāđāļēāļĒ āđāļāđāļāđāļēāļĒāļāļĩāđāļŠāļļāļāđāļĨāđāļ§āļāđāļ§āļāļāļĨāļąāļāđāļāļāļĩāđāļāļ§āļēāļĄāļāļāļąāļāļāļāļāđāļāđāļĨāļ°āļāļāļŦāļĢāļ·āļāļŠāđāļāļĨāđāļāļĩāđāļāļāđāļāļāļĩāļĄāđāļĨāļ·āļāļāđāļāđāļāļąāļ āļāļĩāđāļāļ°āđāļāđāļāļāļąāļ§āļāļąāļāļŠāļīāļāļ§āđāļēāđāļĢāļēāļāļ°āđāļĨāļ·āļāļāđāļāđāļĢāļđāļāđāļāļāđāļŦāļāđāļāļāļēāļĢāđāļāļĩāļĒāļāđāļāđāļāļāļāļāđāļĢāļēāļāļāļāļĄāļē
10. Boolean āđāļ Javascript āļāļ°āđāļĢāļāđāļēāļāļāļĩāđāđāļāđāļ true āļŦāļĢāļ·āļāđāļāđāļ false
āđāļ javascript āļāļąāđāļāļāđāļēāļāļ§āļēāļĄāļāļĢāļīāļāļŦāļĢāļ·āļ Boolean āļāļąāđāļāļĄāļĩ 2 āļāđāļēāļāđāļ§āļĒāļāļąāļāļāļąāđāļāļāļ·āļ true āđāļĨāļ° false āđāļāđāļāļāļāļāļēāļāļŠāļāļāļāļĒāđāļēāļāļāļĩāđāđāļĨāđāļ§āļŠāļīāđāļāļāļ·āđāļāđāļāđāļĨāđāļ§āļāļāļģāļĄāļēāđāļāđāļāļāđāļēāļāļ§āļēāļĄāļāļĢāļīāļāđāļāđ āđāļāļĒāļŦāļĨāļąāļāļāļēāļĢāļĄāļĩāļāđāļēāļĒāđāļāļ·āļ
console.log(Boolean("hello")); // true console.log(Boolean(5)); // true console.log(Boolean(9.99)); // true console.log(Boolean(1 + 2 + 3 + 4 + 5)); // true
- āļāļ°āđāļĢāļāđāļāļēāļĄāļāļĩāđ âāļĄāļĩāļāđāļēâ āļāļ°āļāļąāļāđāļāđāļ true āđāļāđāļ âhelloâ, 5, 9.99, 1+2+3+4+5
console.log(Boolean("")); // false console.log(Boolean(0)); // false console.log(Boolean(-0)); // false console.log(Boolean(null)); // false console.log(Boolean(undefined)); // false
- āļŠāđāļ§āļāļāļ°āđāļĢāļāđāļāļēāļĄāļāļĩāđ âāđāļĄāđāļĄāļĩāļāđāļēâ āļāļ°āļāļąāļāđāļāđāļ false āđāļāđāļ ââ, 0, -0, null, undefined
āļāđāļēāļāļāļīāļ
JavaScript Tutorial, available in
https://www.w3schools.com/js/, 2020.
JavaScript reference, available in
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference, 2020.
āđāļĢāļ·āđāļāļāļāļāļ this āđāļ JavaScript āđāļĨāļ°āļ§āļīāļāļĩāļāļēāļĢāđāļāđ bind, call, apply, available in
https://www.tamemo.com/post/118/what-is-js-this-bind-call-apply/