What is object destructuring ?

Access object value in Es5

<script>    
   let user = {
      fname : "Teach",
      lname  : "Coders"
    }
    document.write(user.lname);

</script>
 

Access object value in Es6

<script>     
     let user = {
      fname : "Teach",
      lname  : "Coders"
    }
    let {lname} = user;
    document.write(lname);
</script>
 


If use all property value in es6

<script>     
     let user = {
      fname : "Teach",
      lname  : "Coders"
    }
    let {fname, lname} = user;
    document.write(`%{fname} ${lname}`);
</script>
 


use with function

<script>     
     let user ={
      fname : "Teach",
      lname : "Coders",
      fullname : function(){
        return `${fname} ${lname}`
      }
    }
    let {fname, lname, fullname} = user;
    document.write(fullname())
</script>