문자열 값으로 자바 스크립트 객체를 참조 - 평가 후면을 사용하지 않고는()

Question

그래서 주위를 둘러 보았다 그리고 내가하여 객체를 참조하려고 ..

을하려고하고 일치 듯 아무것도 찾을 수 없습니다 캐릭터 라인 표현은, 사방하지만 나는 eval()를 사용하는 것이 나쁜 것을 볼 볼 - 사용하지 않고 할 수있는 방법을 찾을 수 있지만 eval()

그래서 내 사용 사례 : 나는 버튼을 데이터 속성이

;

data-original-data-object="window.app.myData.originalData" 

버튼은 내가 지금 window.app.myData.originalData

에서 열린 실물, 나는 내가 할 수있는 알고 접근 할 필요가 클릭하면 :

var dataObj = eval($(this).data('original-data-object')); 

비록이 작업을 수행하는 다른 방법이를 ?

window.app.myData.originalData에 저장된 데이터가 도움이되는 경우 JSON 개체입니다.

Answer 1

솔루션의 몇 가지 마음에 와서. 첫 번째 해결책은 @CD ..에서의 암시입니다. 두 번째는 eval을 안전하게 사용할 수 있도록 정규식을 통해 문자열을 속성 이름으로 제한하는 것입니다. 유효한 속성 이름에 문자열을 제한

값을 얻기 위해 window 객체를 순회 (더 평가)

function getValue(s) { 
    var keys = s.split("."), o = window, key, i, length, undef; 

    if (keys[0] === "window") { 
     keys.shift(); 
    } 

    for (i = 0, length = keys.length; i < length; i++) { 
     key = keys[i]; 

     if (!(key in o) || o[key] === null || o[key] === undef) { 
      throw new Error("Could not get value of " + s); 
     } 

     o = o[key]; 
    } 

    return o; 
} 

는 :

function getValue(s) { 
    var regex = /^[\w$][\w.]+$/, value; 

    if (regex.test(s)) { 
     try { 
      value = eval(s); 
     } 
     catch (error) { 
      throw new Error("Could not get value of " + s + " (" + error.message + ")"); 
     } 
    } 
    else { 
     throw new Error("Could not get value of " + s); 
    } 

    return value; 
} 

는 사용하지하려면

var x = getValue(this.getAttribute("data-original-data-object")); 

당신이 원하는 자바 스크립트를 임의로 실행할 수 있기 때문에 eval 사용을 피하기 위해 또는 제어 할 수 없습니다. 이 특별한 경우에는 원하는 문자열의 정확한 종류를 알 수 있습니다. 필자는 정규식을 사용하여 문자열에 점으로 구분 된 속성 이름이 포함되어 있는지 확인합니다. 이 상황에 작동하는지 잘 모르겠어요

var x = eval("window.foo"); 
var x = window.foo; 

Answer 2

어쨌든 구현중인 사이트/프로젝트에 피해를 줄 수있는 속성을 수정할 수 없다는 것을 보장한다면 아무런 문제가 없습니다. 이처럼

Answer 3

는 :

var obj = (function(str){ 
    var arr = str.split('.'); 

    if (arr[0] === 'window'){ 
    arr.shift(); 
    } 

    return arr.reduce(function(a, b){ 
    return a[b]; 
    }, window); 

}("window.app.myData.originalData")) 

Answer 4

하지만 평가는 "window.app를 추가 할 수 있습니다 피하는 간단한 해결책 : 보안 말하기, 코드의 두 라인 사이에는 차이가 없다. 범위에 남아있는 객체의 속성으로 JSON 데이터를 사용하여 "myData.originalData"를 만듭니다.같은

뭔가 :

var exampleData = { id:1, content:"..." }; 

var dataStore = { "window.app.myData.originalData": exampleData }; 

그런 다음, 클릭 처리기 :이 경우

var retrievedData = dataStore[$(this).data('original-data-object')]; // uses "window.app.myData.originalData" to retrieve exampleData 

, 당신은 때문에의 브래킷 표기법을 사용하여 데이터에 액세스해야합니다. 특성 이름의 문자. 그러나이 방법은 eval을 사용하는 것보다 빠르고 안전해야합니다.