감사합니다.

자바스크립트에는 클래스가 없다.
함수를 이용하여, 클래스처럼 사용한다.
보통 아래의 class1,class2와 같이, 함수내부에서 this에 멤버변수를 할당하는 방식을 사용한다.
그러나, this는 함수가 아닌, Window객체이다.
함수내부의 멤버함수 내부에서 this는 호출한 부모 오브젝트이다.
물론, this에 동일한 이름의 멤버변수가 없는 경우, 문제가 되지 않는다.(잘 돌아간다.)
배열로 만들거나, 동일한 멤버변수(함수)가 존재할 경우, 문제가 된다.

(크롭브라우져에서는) 멤버변수를 만들때, class3()과 같이 사용하는것이 좋을듯 싶다.


function class1()
{
	this.a=1;//결론:전역변수(Window이다) 크롭브라우져에서 브레이크 걸어서 확인하면된다.
}
function class2()
{
	this.a=2;
}
function class3()//이렇게 사용해라.
{
	var o={};
	o.a=3;
	return o;
}
function test_class_this1()
{
	console.log("클래스를 만들기위해 함수내에서 this를 사용할 경우, 클래스함수 내에서 this는 무엇인가?");
	var a=class1(),b=class2(),c=class3();

	console.log("this.a=",this.a);
	console.log("c.a=",c.a);//c.a= 3
	console.log("a.a=",a.a);//Uncaught TypeError: Cannot read property 'a' of undefined
	console.log("b.a=",b.a);
}
test_class_this1();

버퍼메모리를 8비트, 16비트, 32비트 배열로 액세스하는 방법


new Int32Array(); // new in ES2017
new Int32Array(length);
new Int32Array(typedArray);
new Int32Array(object);
new Int32Array(buffer [, byteOffset [, length]]);

    this.svga_memory16 = new Uint16Array(this.svga_memory.buffer);
    this.svga_memory32 = new Int32Array(this.svga_memory.buffer);
    this.vga_memory = new Uint8Array(this.svga_memory.buffer, 0, 4 * VGA_BANK_SIZE);
    this.plane0 = new Uint8Array(this.svga_memory.buffer, 0 * VGA_BANK_SIZE, VGA_BANK_SIZE);
    this.plane1 = new Uint8Array(this.svga_memory.buffer, 1 * VGA_BANK_SIZE, VGA_BANK_SIZE);
    this.plane2 = new Uint8Array(this.svga_memory.buffer, 2 * VGA_BANK_SIZE, VGA_BANK_SIZE);
    this.plane3 = new Uint8Array(this.svga_memory.buffer, 3 * VGA_BANK_SIZE, VGA_BANK_SIZE);

자바스크립트에서는 Sleep()함수가 없다.
강제로 Sleep함수를 만들어 사용할 경우, 웹페이지는 다른 작업을 하지 못하고, Sleep함수내의 무한루프를 돌게되며,
화면에서는 웹페이지 응답없음 상태가 된다. 마우스 클릭하면, 동그라미만 계속 돌아간다.
물론, 짧은 시간동안 정지시키기위한 Sleep함수는 만들어 사용해도 된다.
그러나, 이미지 로딩중에 Sleep호출하면, 이미지 로딩도 같이 멈춘다.

자바스크립트 자체적으로 Sleep, wait 기능을 지원해주면, 순차프로그램이 가능한데, 참 어렵다...

자바스크립트는 1개의 쓰레드(프로세스)만을 사용하며, 이벤트 방식이다.
이미 로딩등의 함수 호출시, 콜백함수라고 부르는 함수이름을 넣어주어야한다.

Sleep함수, wait등의 기능이 있다면, 순차적으로 프로그램을 작성할 수 있으나,
자바스크립트에는 이런 기능이 없어, 프로그램작성할때 문제가 된다.

Sleep, Wait기능이 없어서 문제가 되는것은, 다음줄의 자바스크립트 코드가 실행된다는 점이다.
이미지를 로딩하고, 이미지 사이즈를 구해서, ....하려고 했는데, 이미지가 로드되기전에, 다름 자바스크립트가 실행된다.

보기에는 간단한 문제인데, 이 문제를 해결하기위한 방법들은 실로 눈물겹다.
왜 순차실행을 지원하지 않는지....(물론 웹페이지라는 특성도 있지만)
단순하게 Sleep(),Wait()함수 2가지만 지원해주면, 쉽게 프로그램작성이 가능한데 말이다...

해결 방법은 2가지이다.
안1) 콜백함수를 적극 활용하여 "잘" 작성한다.
  물론 쉽지 않다. 프로그램작성도 어렵다.
안2) 상태머신으로 구현
  더 어렵다. 모든 작업의 상태를 모두 구현해야한다.

콜백함수를 사용하는 방식은 CPU를 놀리지 않고, 최적의 성능을 발휘한다.
이벤트가 발생할때까지 무한대기.
물론, 함수 호출시 넣어주었던 값들은 콜백함수가 호출되기전까지 보존된다.

상태머신으로 구현할 경우, 각 상태를 switch문으로 비교하기때문에, 상태의 개수가 많아지면, 약간 비효율적이 된다.
또한, 디버깅이 어렵다.

기타
안3) 순차호출을 지원하는 스크립트언어 사용
     자바스크립트로, C언어 소스코드를 순차적으로 실행할 수 있는 언어를 작성하여,
     그 언어로 프로그래밍한다.
     C언어를 실행할 수 있는 자바스크립트 코드를 만들면 된다.(물론 어렵다. 그리고 너무 느리다.)

결론 : 자바스크립트에서는 Sleep, wait사용불가
       콜백을 잘 이용하던가, 상태머신 방식으로 자바스크립트 작성.

function test_class_value()
{
	var o={};
	o.data1="meber data1";
	console.log("클래스내에서, 지역변수");

	o.test=function()
	{
		//console.log(o.data1);//알수없는 o, data1 err. Cannot read property 'data1' of undefined
		//var o="1234";
		//console.log(o);
		console.log(o.data1);
		console.log(this.data1);//결론:클래스변수 o나 this나 동일함
	}
	return o;
}
var a=test_class_value();
a.test();
a.data1="111";
a.test();

function test_gloval_function_x()
{
	console.log("test_gloval_function_x()");
}
var data1="global data1";
function test_meber_function_this()
{
	var o={};
	o.data1="meber data1";
	console.log("멤버함수내에서 this를 항상 사용해야하는가?(생략가능한가?)");

	o.test_gloval_function_x=function()
	{
		console.log("meber_function_x()");
	}
	o.test=function()
	{
		test_gloval_function_x();//test_gloval_function_x()
		console.log(data1);//global data1

		this.test_gloval_function_x();//meber_function_x
		console.log(this.data1);//meber data1
	}
	return o;
}
var a=test_meber_function_this();
a.test();

결론 : 사용해야함

function sprintf(fmt)
{
	var a,b,len=fmt.length,i=0,j=1,buf="";
	while(len--)
	{
		a=fmt.charAt(i);
		if(a=='%')
		{
			i++;
			b=fmt.charAt(i);
			switch(b)
			{
			case 'd':case 'D':case 's':case 'S':case 'f':case 'F':case 'u':case 'U':
				buf+=arguments[j];j++;
				break;
			case 'x':
				buf+=arguments[j].toString(16);j++;
				break;
			case 'X':
				buf+=arguments[j].toString(16).toUpperCase();j++;
				break;
			case '%':
				buf+="%";
				break;
			default:
				buf+=a;
			}
		}
		else
		{
			buf+=a;
		}
		//console.log(buf);
		i++;
	}
	return buf;
}

자바스크립트에서, this를 사용하여 클래스를 만들었다고 하는 글들이 있다.
물론,
- 배열을 사용하지 않고, 1개만 생성했을때,
- 다수의 클래스에서 동일한 이름의 멤버를 사용하지 않았을때
  (클래스마다 멤버 이름이 모두 다른경우)
인 경우에는 문제가 없다.
전역변수 this(window)에 멤버변수로 추가했으니...

this는 호출자를 나타낸다.
- f();  인경우, f()함수 내부에서 this는 window이다.
- a.f(); 인경우, f()함수 내부에서 this는 a이다.

C++같은 오브젝트 오리엔티드 언어에서는 this가 명확하다.
자바스크립트에서도 명확하다, 그러나 주의할 점이 있다.
멤버함수 내부에서도, "this."을 명시하지 않으면, "전역"으로 취급된다
예)
{
   ...
   function f()
   {
      ...
   }
   return f(); <<--- f()는 전역함수로 취급된다.
}

//클래스(Class) 만들기. 함수에서 var를 사용하여 변수를 만들고, 리턴하면 된다.
//자바에서는 멤버를 추가하기만 하면된다.
function new_MyClass(value)
{
	var a={value:0};//아무거나 하나만 우선 넣는다.
	a.min=0;//멤버변수 추가
	a.max=100;
	a.inc=function(delta)
	{
		this.vaue+=delta;//a가 아니라 this인 것에 주목!!
		if(this.vaue<this.min)
		{
			this.vaue=this.min;
		}
		else if(this.vaue>this.max)
		{
			this.vaue=this.max;
		}
	};
}
var a=new_MyClass(10);
console.log(a.vaue);
a.inc(10);
console.log(a.vaue);

자바스크립트 - 스크립트 인클루드(include) 후, 갑자기 안되요

<script src="aa.j"></script>

</script>가 있는지 확인해보세요.