Javascript & DHTML 예제 프로그래밍(튜토리얼) 기초_기본 지식

[ 2007-04-11 14:31:50 | 작성자: never-online ]
먼저 JScript.chm 매뉴얼을 다운로드 받으세요. 초보자든 전문가든 매뉴얼은 필수입니다. 초보자를 위한 Rhino 책을 아직 읽어보지 않으셨다면, 언어를 이해하기 위한 첫 번째 선택이 될 것입니다. 아래에 언급된 대부분의 사항은 설명서에 언급되지 않거나 거의 언급되지 않을 수 있습니다.

다음 튜토리얼은 위에서 언급한 JScript.chm 매뉴얼에 대한 이해를 바탕으로 작성되었습니다. JScript.chm을 먼저 읽어보신 후, 매뉴얼을 시청하시는 것을 권장합니다. 지도 시간.

JS의 구문은 대부분의 C 계열 언어와 유사하며 차이점은 그 자체의 특성뿐입니다. 그러므로 문법의 구체적인 내용에 대해서는 더 이상 쓰지 않겠습니다. 매뉴얼을 읽어보시고 이해하시기 바랍니다.

JS의 5가지 주요 객체: 문자열, 숫자, 불리언, 객체, 함수.

네 가지 유형의 JS 루프:
for(var i=0; ido {} while(true)
while(true) {}
for (var i in collection) {}

예외 처리:
try {} catch(aVariable){}

여기에 모든 JS 구문을 나열하지는 않겠습니다. JS의 여러 주요 객체에 대한 일부 설명은 매뉴얼에 언급되지 않을 수 있습니다.

1. 문자열.
문자열이 가장 일반적으로 사용됩니다. 강제로 문자열로 변환하는 방법에는 최소한 두 가지가 있습니다.
1 문자열 커넥터 " "를 사용합니다. JS에서는 숫자가 연산이면 덧셈이고, 문자열이면 연결입니다. 예:



2. 문자열을 강제 변환하려면(문자열).


여기서 한 가지 주의할 점은 위의 내용은 강제 변환이고 String 앞에 "new" 키워드가 없다는 점입니다. new 키워드를 추가하면 String 객체가 생성됩니다. 객체는 속성과 메서드를 포함할 수 있지만 문자열은 다음과 같이 비교할 수 있습니다.


따라서 new와 no new 사이에는 차이가 있습니다. 이는 Number와 Boolean의 경우에도 마찬가지이므로 앞으로는 이 변환에 대해 더 이상 언급하지 않겠습니다.

2.
여기서 우리는 변화의 문제에 대해서도 이야기합니다.
Number를 사용하여 강제로 변환하는 것 외에도parseInt 및parseFloat를 사용하여 정수 또는 부동 소수점 유형으로 변환할 수도 있습니다. 변환 후 숫자가 아닌 경우 NaN(숫자가 아님)이 반환됩니다. 이때 isNaN 함수를 사용하여 내부 구문을 확인할 수 있습니다. 그런데 이 기능을 기억해두세요.

3. 부울.
이것은 JS에서 처리하는 것이 다소 이상하기 때문에 좀 더 까다롭습니다.
JScript 매뉴얼에 나와 있는 내용 외에: "
값이 true 또는 false인 표현식. 필요한 경우 부울이 아닌 표현식도 부울 값으로 변환할 수 있지만 다음 규칙을 따라야 합니다.

문자열이 비어 있는 경우에만 모든 개체가 true로 처리됩니다.
숫자가 0인 경우에만 false로 처리됩니다. 🎜>" 또한 주의할 점은 다음과 같습니다.

우선 불리언형으로 캐스팅되기 전, 즉 참이나 거짓이 아닐 때
1. 디지털 조건부 판단에서는, 일반적으로 0, 음수, 양수 세 가지 상황이 있습니다. 0이 아닌 한 다음은 true입니다.


참고: 위 예의 조건부 판단은 조건문을 다음과 같이 변경하면


음수는 완전히 다른 결과를 가져옵니다.

2. 문자열에서는



도 주의해야 합니다. 참고: 위 예의 조건문은 조건문을 바꾸면 직접 판단합니다.


에 대한 명령문도 완전히 다른 결과를 가져옵니다. 그러므로 이 부분을 다룰 때에는 주의해야 합니다.

혹시 친구들이 보면 좀 어지러울 수도 있는데, "", 0, null, undefine만 false가 될 수 있다고 매뉴얼에 명시된 대로 어떻게 만들 수 있을까요? 최소한 두 가지 방법이 있습니다.

(1) 강제 변환:
1. 위에서 언급한 Boolean(aVar)을 사용하여 변환합니다.
2. "not 연산자"를 사용하여 변환합니다. 예를 들어 위의 예


에서는 aVar를 Boolean(aVar)과 동일한 부울 유형으로 변환하는 데 두 개의 부정이 사용됩니다.

(2), 합동 연산자.
항등 연산자는 3개의 같음 "==="로 위에서 말한 것과는 다릅니다. 동일한 유형의 비교만 수행합니다. 위의 예에서 언급했듯이 true와 false만 비교하며, 문자열이나 숫자와 비교하면 둘 다 false입니다. 예:



4. 개체. <script> <BR>var a_number = 1000 <BR>var a_string = a_number + ""; <BR></script>JS에는 객체를 생성하는 방법이 최소한 다음 두 가지가 있습니다. <script> <BR>var a_number = 1000 <BR>var a_string = String(a_number); <BR></script><script> <BR>var a_number = 1000 <BR>var a_string = String(a_number); <BR>a_string.property = "js"; <BR>alert(a_string.property) //将提示undefined <br><br>var a_object = new String(a_number) <BR>a_object.property = "js"; <BR>alert(a_object.property) //将提示js <BR></script>1. 위에서 언급했듯이 new 키워드를 사용합니다. 예를 들어 new Number(100), new String("string"), new Object(), new customFunction() 등이 있습니다. <script> <BR>var a = 0; <BR>var b = -1; <BR>var c = 1; <br><br>function assert (aVar) { <BR>if (aVar) alert(true); <BR>else alert(false); <BR>} <BR>assert(a) // false <BR>assert(b) // true <BR>assert(c) // true <BR></script>이 방법은 매뉴얼에 자세히 설명되어 있으니 여기서는 자세히 다루지 않겠습니다. <script> <BR>var a = 0; <BR>var b = -1; <BR>var c = 1; <br><br>function assert (aVar) { <BR>if (aVar==true) alert(true); <BR>else alert(false); <BR>} <BR>assert(a) // false <BR>assert(b) // false <BR>assert(c) // true <BR></script><script> <BR>function assert (aVar) { <BR>if (aVar) alert(true); <BR>else alert(false); <BR>} <br><br>var a="undefined"; <BR>var b="false"; <BR>var c=""; <br><br>assert(a) // true <BR>assert(b) // true <BR>assert(c) // false <BR></script>2. 중괄호를 사용할 수도 있습니다.比如
var o = { 
  m1:'never-online.net',
  m2:'blog' 
}
这种方法就比较省时省力了。利用这种方法来创建对象，需要注意的就是，
每个成员后有一个":"冒号，冒号后是该成员的内容。
其次就是，成员内容后有一个逗号","，但仅最后一个成员是没有逗号的。

五、函数(Function)。
函数在JS里的作用有两个，
一是做为一个普通函数一样被调用。
二是可以做为一个"类"（class）来使用。
第一条就没有什么可说明的了，手册上说得很清楚了，第二条就简要说明一下。
上面第四点里说到对象，除了创建JS本身的对象之外，需要创建一个类的实例，那么就必须先把“类”写出来。这个类就是Function。
比如：
<script> <BR>function myclass() { <BR> this.m1="member--m1"; <BR> this.m2="member--m2"; <BR>} <BR>var o = new myclass(); <BR></script>

六、关于this和new关键字。

也许有些朋友还不太清楚这个this的作用是什么。这是面向对象里所提及的内容

这里也简单说一下，this就是“自己”的意思，而上面的的“自己”，就是指myclass。
举个例子来说myclass这个类就是一个模具，模具上有一个名字(m1)，还有一个螺丝(m2)，而new关键字就可以理解成“生产”。那么就可以把上面的代码理解成：

(模具 myclass)function myclass() {

(模具myclass的名字是)this.m1="member--m1"
(模具myclass上面的螺丝是)this.m2="member--m2";
}

按照模具myclass的样式生产一个产品o
var o= new myclass();

这个刚出炉的产品就有模具myclass的所有特性了。当然，我们可以按照这个模具的样式生产成千上万个。

如果我们愿意，我们还可以修改一下他的属性，比如，我生产完一个产品，想把他的名字换了。我们也可以这么做

var product = new myclass();
product.m1 = "newProduct"

上面这样讲解，希望能清楚一些。

基本把要说的基础知识简单的说了一些，JS的基础知识其实也有很多，知道有疏忽，但是又不便多写，写多了就烦琐了，只有走一步看一步了，看看还有什么不清楚的，才能再写出来了