window.scrollTo(0, window.innerHeight + this.getEndPositionOfChar().y);
 // 두번째 인자는 offsetLeft 의 값

JSON(JavaScript Object Notation) 표기법은 

서로 다른 프로그래밍 언어간에 데이터를 교환하기 위한 표기법으로서 읽고 쓰기 쉬운 표기법이다.

사용되는 데이터 형식은 두가지 이다.

• 이름/값 쌍
• 배열

이름/값 싸을 표현할 때에는 다음과 같은 표기법을 사용한다.

{이름1:값1, 이름2:값2, 이름3:값3}

예를들어, 국가별 코드와 이름을 표현하고 싶다면 다음과 같이 JSON 표기법을 사용할 수 있다.

var countries = {ko:'대한민국', fr:'프랑스', uk:'영국'};
var koName = countries.ko;
var frName = countries['fr'];

배열로 표기하고 싶다면

[값0, 값1, 값2, 값3]

var countryCodes = ['ko', 'fr', 'uk', 'us']
var idx0 = countryCodes[0];   // 'ko'
var idx2 = countryCodes[2];   // 'uk'

이름/값 형태와 배열 혼함

var number = {
   name:'최범균',
   favoriteColors:['파랑', '노랑', '빨강']
};
var message = member.name + "님이 좋아하는 색상은 " + member.favoriteColors.length + "개 이고," ;
message += "그 중 첫번 째 색상은 " + member.favoriteColors[0] + "입니다.";

자바스크립트에서 eval()은 사악한(evil) 함수이다.

동적인 프로퍼티에 접근할 때에는 대괄호 표기법이 더 간단하고 좋다.

//안티 패턴
var obj = {name:"javascript"};
var property = "name";
alert(eval("obj."+property))

// 권장 패턴
var obj = {name:"javascript"};
var property = "name";
alert(obj[property])

setInterval(), setTimeout(), Function() 인자로 문자열을 넘기는 것도 eval()과 비슷하다.

반드시 eval()을 사용해야 한다면 

1. new Function()으로 감싸서 사용하자.
   Function() 생성자로 감싸게되면 유효영역이 새로 만들어져 var 선언 변수들이 전역에 선언되는 경우를 막을 수 있다.
2. eval() 호출을 즉시실행 함수로 감싸서 실행되도록 하자.

console.log(typeof un);    // undefined
console.log(typeof deux);    // undefined
console.log(typeof trois);    // undefined

var jsstring = "var un = 1; console.log(un);";
eval(jsstring);    // "1"

jsstring = "var deux = 2; console.log(deux);";
new Function(jsstring)();    // "2"    // 생성자로 생성한 함수를 바로 호출한다. 
     // 유효범위가 새로 생기므로 deux는 로컬변수가 된다.

jsstring = "var trois = 3; console.log(trois);";
(function() {
   eval(jsstring);
}()); // "3" // eval()을 함수로 감싸고 그 함수를 즉시 호출한다. trois 또한 함수의 로컬변수가 된다.

console.log(typeof un);        // "1"
console.log(typeof deux);   // "undefined"
console.log(typeof trois);    // "undefined"

eval()과 Function()의 또다른 차이

eval()은 자신의 유효범위 다음으로 자신을 감싸는 유효범위를 바라보고 있다.

하지만 Function()은 자신의 유효범위 다음으로 전역 유효범위를 바라보고 있다.

따라서 eval()은 유효범위 체인에 간섭을 일으킬 수 있다.

(function () {
	var local = 1;
	eval("local = 3; console.log(local);");    // 3이 출력된다.
	console.log(local);    // 3이 출력된다. 감싸고있는 함수의 local 변수의 값을 바꿔버린다.
}())

(function () {
	var local = 1;
	Function("console.log(typeof local);")();    // undefined가 출력된다. 
	// Function 객체의 상위 유효범위는 전역.
	// 전역에 local 변수가 없으므로 undefined.
}())

http://dmitrysoshnikov.com/ecmascript/es5-chapter-3-1-lexical-environments-common-theory/#more-1751

분석해보고 정리하겠음.

모든 자바스크립트는 실행환경에서 전역 객체(global object)가 존재한다.

변수에 값을 assign 할 경우 var 선언을 하지 않으면 전역 변수로 생성된다.

myglobal = "hello";    // 안티패턴 myglobal : 암묵적 전역 변수
console.log(myglobal);           // "hello"
console.log(window.myglobal);    // "hello"
console.log(window["myglobal"];  // "hello"
console.log(this.myglobal);      // "hello"

실수하기 쉬운 전역변수 선언

function sum(x, y) {
	// 안티 패턴 result : 암묵적 전역
	result = x + y;
	return result;
}

//안티패턴 b : 암묵적 전역 변수
function foo() {
	var a = b = 0;
}

전역변수의 문제점

• 광고같은 서드파티 스크립트들로인해 중요한 변수가 덮어쓰여지거나 삭제 될 수 있다.

 위의 코드는 엄밀히 말하면 전역 객체에 변수가 아닌 프로퍼티가 result가 추가되는 것이다. (var 선언이 없기 때문)

프로퍼티는 delete 연산자로 삭제 가능하지만 변수는 불가능 하므로 주의해야 한다.

예를들어, 함수내에서 살아있어야 하는 변수를 전역 프로퍼티로 잘못 생성하면 서드파티 코드에서 우연히 삭제할 가능성이 있기 때문이다.

ECMAScript 5에 추가된 기능.

실제로 기능을 추가한 것이 아니라 제거함으로써 프로그램을 더 간단하게 만들고 오류 발생 가능성을 낮춘것.

예를들어 with를 스트릭트 모드에서 쓰면 에러가 발생한다.

function my() {
	'use strict'
	with(o) {    // error
	}
}

'use strict' 의 유효범위는 함수, 전역, 또는 eval()로 전달된 문자열.

ES는 추후에 스트릭트 모드만 지원하려고 계획중이다.

따라서 ES5는 개발자에게 strict mode에서 동작하는 코드를 작성하도록 권장하는 과도적인 버전.