코드 줄 줄이기

Question

나는 (아직) JavaScript 전문가가 아니다. 아래 줄 수를 줄이는 방법을 찾아 내려고 노력 중입니다 ... if 문을 사용할 수있는 단축키가 있습니까?

function showDialog(divID) 
{ 
    var dialogDiv = $("#" + divID); 

    var height = 500; 
    var width = 400; 
    var resizable = false; 

    if (dialogDiv.attr("height") != "") 
    { 
     height = parseInt(dialogDiv.attr("minHeight")); 
    } 

    if (dialogDiv.attr("width") != "") 
    { 
     width = parseInt(dialogDiv.attr("minWidth")); 
    } 

    if (dialogDiv.attr("resizable") != "") 
    { 
     resizable = dialogDiv.attr("resizable"); 
    } 

    dialogDiv.dialog 
    (
     { 
      resizable: resizable, 
      width: width, 
      height: height, 
      bgiframe: true, 
      modal: true, 
      autoOpen: false, 
      show: 'blind' 
     } 
    ) 

    dialogDiv.dialog("open"); 
} 

Answer 1

당신은 다음과 같이 조금 아래로 줄일 수 있습니다 :

이

function showDialog(divID) 
{ 
    var dialogDiv = $("#" + divID); 

    dialogDiv.dialog({ 
      resizable: dialogDiv.attr('resizable'), 
      width: dialogDiv.attr('width') || 400, 
      height: dialogDiv.attr('height') || 500, 
      bgiframe: true, 
      modal: true, 
      autoOpen: false, 
      show: 'blind' 
    }); 
    dialogDiv.dialog("open"); 
} 

이 약하게 입력 된 자바 스크립트 사실을 활용

어느 쪽이 방법 여기 경우 문을 단축하는 방법 중 하나입니다 실제로 그것은 일종의 인권 침해 였지만 작동합니다.

나는 아직도이 방법을 잘 알고 있지만, 구문에 익숙하지 않다면 ... 읽을 수있는 것이 무엇인지 간결하고 무엇이 더 중요한지 결정하는 것이 중요합니다. 많은 경우에있어 절충점이 있습니다.

Answer 2

당신은 사용할 수 있습니다

var x = first || default; 

는 초기화를 할 수 있습니다. 기본적으로 first 값이 참인지 여부를 확인한 다음 x에 할당합니다. 그렇지 않으면 default을 x에 할당합니다. 코드에서 예 : 블록, 당신은 그것을 멀리 주변 브래킷 할 수 있다면 당신은 각각 하나의 문을했습니다 때문에

height = dialogDiv.attr('height') || 500; 

는

if (dialogDiv.attr("height") != "") 
{ 
    height = parseInt(dialogDiv.attr("height")); 
} 

Answer 3

를 대체하지만, 이것은 주로 미적입니다.

Answer 4

3 진수 연산자를 사용 하시겠습니까?

조언의 말씀 : 스크립트는 기계가 아닌 사람을 대상으로 작성되었습니다. 사전 최적화 된 코드를 읽거나 이해하는 것보다 코드를 쉽게 읽고 이해하는 것이 더 중요합니다.

height = dialogDiv.attr("height") != "" ? parseInt(dialogDiv.attr("height")) : height; 
width = dialogDiv.attr("width") != "" ? parseInt(dialogDiv.attr("width")) : width; 
resizable = dialogDiv.attr("resizable") != "" ? parseInt(dialogDiv.attr("resizable")) : resizable; 

Answer 5

var height = dialogDiv.attr("height") || 500; 
var width = dialogDiv.attr("width") || 400; 
var resizable = dialogDiv.attr("resizable") || false; 

Answer 6

하지 마십시오. 자바 스크립트 코드를 가능한 한 읽기 쉽고 유지할 수 있도록 유지하려고합니다. 다운로드 시간을 빠르게하고 JavaScript를 빠르게 만들려고한다면 JavaScript 코드의 복사본 minified을 작성하여 원본 JavaScript 코드를 파괴하지 않아야합니다. 최적화 및 최적화에 관해서는 Google Closure Compiler이 가장 적합한 도구입니다. Google Closure Tools (and Compiler Service) 및 Google Closure Library에 대한 자세한 내용은 링크를 참조하십시오.