Js-beautify: Perbedaan antara gaya penjepit? (ciutkan vs akhir-perluas)

Dibuat pada 19 Des 2014 · 3Komentar · Sumber: beautify-web/js-beautify

Maaf jika ini telah dijawab sebelumnya atau dijelaskan di suatu tempat, tetapi saya tidak dapat menemukannya.

Pertama izinkan saya memulai dengan sebuah contoh. Dalam kode saya, saya memiliki banyak objek yang menyimpan pengaturan untuk fungsi. Dengan opsi brace_style: collapse , saya harapkan:

function someFunc(settings) {
  return settings.set;
}
someFunc( { set: 'string' } );

Tapi mungkin jika itu cukup besar (seperti 3 atau lebih properti? mungkin itu bisa menjadi pengaturan?):

someFunc( {
  set: 'string', 
  set2: 'string2',
  set3: 'string3'
} );

Kecuali bahwa itu malah melakukan ini:

someFunc( { 
  set: 'string' 
} );

Ketika ada banyak objek yang digunakan, itu bisa sangat sulit untuk dibaca. Saya ingin "runtuh" berarti bahwa kode kurung kurawal yang lebih kecil (pernyataan, objek, fungsi anonim, dll) semuanya akan tetap dalam satu baris.

Saya juga tidak melihat perbedaan antara "runtuh" dan "perluas akhir". Sejauh yang saya tahu, mereka melakukan hal yang sama.

Sumber

CaitlinWeb

👍5

Komentar yang paling membantu

Bagian pertama terdengar seperti #338.

Opsi "runtuh" hanya mengontrol apakah kurung kurawal pembuka berada pada baris yang sama dengan item yang muncul _sebelum_, atau pada barisnya sendiri--ini tidak menangani item yang muncul setelahnya (di dalam kurung kurawal).

Perbedaan antara "collapse" dan "end-expand" adalah bagaimana kurung kurawal akhir diperlakukan dalam kasus-kasus tertentu. Sebagai contoh:

"collapse" akan melakukan ini, menempatkan kurung kurawal untuk if pada baris yang sama dengan kata kunci else :

if (someCondition) {
  doSomething();
} else {
  doSomethingElse();
}

Sedangkan "end-expand" akan melakukan ini, menempatkan kurung kurawal untuk if pada barisnya sendiri:

if (someCondition) {
  doSomething();
}                     // closing curly brace is put on its own line
else {
  doSomethingElse();
}

c32hedge pada 29 Des 2014

👍4

Semua 3 komentar

Bagian pertama terdengar seperti #338.

Perbedaan antara "collapse" dan "end-expand" adalah bagaimana kurung kurawal akhir diperlakukan dalam kasus-kasus tertentu. Sebagai contoh:

"collapse" akan melakukan ini, menempatkan kurung kurawal untuk if pada baris yang sama dengan kata kunci else :

if (someCondition) {
  doSomething();
} else {
  doSomethingElse();
}

Sedangkan "end-expand" akan melakukan ini, menempatkan kurung kurawal untuk if pada barisnya sendiri:

if (someCondition) {
  doSomething();
}                     // closing curly brace is put on its own line
else {
  doSomethingElse();
}

c32hedge pada 29 Des 2014

👍4

Terima kasih @c32hedge , sepertinya ini adalah permintaan yang cukup populer yang sedang dalam proses dipenuhi! #315

Penjelasan yang bagus, saya mengerti sekarang. Saya berpikir itu ada hubungannya dengan apa yang ada di kawat gigi, bukan apa yang terjadi di sekitarnya. Saya ingin tahu apakah dokumentasi dapat diperbarui untuk menyertakan penjelasan singkat tentang ini?

CaitlinWeb pada 29 Des 2014

Mencari js-beautify brace-style explain di Google akan menyebabkan masalah ini. Mereka yang benar-benar ingin mempelajari ini tanpa membaca kodenya bisa mendapatkan apa yang mereka inginkan.