Curly Braces Pada JavaScript

Lesson Curly Braces Pada JavaScript akan membahas dalam menempatkan curly braces pada baris code.

Curly braces “{}” adalah penanda block pada JavaScript. Seperti sudah dibahas pada sedikit pada lesson sebelumnya, penempatan curly braces dapat bermasalah sehubungan dengan Automatic Semicolon Insertion.

Dengan melihat code dibawah, seperti sudah dibahas pada lesson sebelumnya, pada bagian return akan bermasalah karena automatic insertion akan menambah semicolon disana.

function service()
{
  var get = function()
  {
    console.log('get');
  }
  var set = function()
  {
    console.log('set');
  }
  return
  {
    get: get,
    set: set
  }
}

Seperti sudah dibahas juga sebelumnya, penyelesaiannya adalah dengan menempatkan curly braces pada baris return, jangan dibawahnya. Namun tentu code secara penulisan menjadi tidak konsisten, ada curly braces sebaris dan ada yang di baris baru.

Untuk konsistensi, maka open curly braces akan selalu disimpan sebaris.

function service(){
  var get = function(){
    console.log('get');
  }
  var set = function(){
    console.log('set');
  }
  return{
    get: get,
    set: set
  }
}

Dengan cara penulisan seperti ini, selain menghemat baris, yang pasti akan mencegah automatic insertion yang tidak diharapkan.

Lesson ini bertujuan untuk memahami permasalahan curly braces dan ASI. Tidak semua programmer setuju untuk selalu menempatkan open curly braces dibaris perintah. Hal Ini kembali ke pilihan masing-masing.