Skip to main content

basic of javascript lesson 1

DATA TYPES IN JAVASCRIPT

JAVASCRIPT MAINLY HAVE 5 TYPES OF DATA TYPES 

1. STRING LIKE- 
    VAR USENAME="MANISH CHAUHAN"; USERNAME IS 
    MANISH CHAUHAN NOW

2. NUMBER
    LIKE-VAR X=200; X CONTAIN 200.

3. OBJECT IS USED TO STORE COMPLEX VALUES IN JAVASCRIPT THERE ARE MULTIPLE WAYS YOU CAN CREATE A OBJECT IS JAVASCRIPT SO BELOW ARE THE EXAMPLE.

    //object

 var obj={
  name:"manish",
  age:35
}

var obj1=new Object();
obj1.name="manish";
obj1.age=22;


var obj2=Object.create(null,{
      'userName': {
  value: "manish", 
  writable: true, 
  enumerable: true
      },
       'age': {
  value: 35, 
  writable: true, 
  enumerable: true
      }
      });


4. DATE 
    
    var date=new Date();



5. ARRAY
    
    var myArray=[];
var myArray1=new Array();


ONE THING IS THAT YOU CAN STORE ALL TYPES OF ITEMS IN SAME ARRAY LIKE

VAR MYARRAY=[1,2,3,"A,"B"];

THE REASON BECAUSE JAVASCRIPT IS NOT A STRICT TYPE CHECKED LANGUAGE SO YOU CAN ALTER THE BEHAVIOUR OF A VARIABLE AT RUNTIME. FOR EXAMPLE

VAR USERNAME="MANISH";

LATER ON YOU CAN CHANGE IT TO USERNAME=222; SO THIS BEHAVIOUR CAN EASILY BRING LOTS OF BUGS WHEN YOUR PROJECT IS BIG.


2. JavaScript Hoisting is another important part of javascript

    Hoisting is JavaScript's default behavior of moving declarations to the top.
     
    what do you mean by above line 

    so let's check out this

       //in this case you would get a error 

      //Error: myNumber is not defined

      console.log(myNumber)


   the above behaviour is right because myNumber is not defined yet



    but if you declare a variable later on the behaviour would be like below

    

console.log(myNumber)


var myNumber; 


the value of myNumber would be undefined because javascript moves everything to the top so for compiler the statement would be like 


var myNumber; 


console.log(myNumber)


   

next coming soon.....




  

















   

Comments

Popular posts from this blog

Better Memory management with PixiJS or How to manage cpu and cpu memory in PixiJS.

PixiJS is my favorite framework when i am looking for a web games specially for mobile or desktop  PixiJS is fast blazing fast and you can get a decent FPS even on older device.   so here is my optimization techniques for PixiJs 1. manage your sprites in a better way use spritesheet to reduce the draw calls create big sprite sheet which contain multiple sprites can be draw in gpu with a single draw call. use TexturePacker  https://www.codeandweb.com/texturepacker  best tool when its comes to spritesheet 2. for floating point calculation round off calculation for example let  speed = 0.75 ; let  position = 100 ; console . log ( Math . round ( speed * position )) 3. don't create very big canvas when u need a big canvas size game just try to create a small canvas and translate it. 4. its very important one managing TextureCache in memory you can get all TextureCache list by using  Object.entries(PIXI.utils.TextureCache); so even you use ap...

adding particles Effect in pixijs using https://pixijs.io/pixi-particles-editor/

adding particle in pixijs is very easy using the below tool more information can be found below https://github.com/pixijs/pixi-particles https://pixijs.io/pixi-particles-editor/ required packages  /// < reference path = "node_modules/pixi-particles/ambient.d.ts" /> import 'pixi-particles' code of particle delcare a     global variable   private emitter ?: Emitter ; const img = PIXI . Texture . from ( "./assets/images/particle.png" ); this . emitter = new Emitter ( this ,[ img ],{ "alpha" : { "start" : 0.62 , "end" : 0.39 }, "scale" : { "start" : 0.1 , "end" : 0.9 , "minimumScaleMultiplier" : 1.25 }, "color" : { "start" : "#ffff8f" , "end" : ...

DEEP COPY OF A OBJECT IN JAVASCRIPT IN A GOOD WAY

 so suppose i have a object which contain 2 values one x and other y let point={x:100,y:200}; now i wld try to copy this object to a another object let other=point;  if i change other array value it would changes the point array to like this other.x=500; console.log(point.x); console.log(other.x); that not what we want the reason behind this both variable referencing towards same memory address.  in c++ we have three options       1. we can pass variable by value that would create a new copy      2. by reference same as above        ...