JavaScript 고급 프로그래밍(3판) 학습 노트 5 JS 선언문_기본 지식

砖瓦和水泥都有了，接下来该是砌墙了，在ECMAScript中，语句就是我们需要砌的墙了。语句也和操作符一样，对于有C背景的人来说再自然不过了，下面采用类似的形式整理一下语句的相关知识，重点突出一些ECMAScript中比较特别和个人认为比较有意思的地方，同样，没有强调的但比较基础的语句并非不重要，而是我认为你已经熟悉。

语句一览

语句	语法	简要描述
简单语句	;	语句以分号（;）结束，在不引起歧义的情况下也可以省略分号。
语句块	{}	使用大括号（{}）将一组语句放一起组成一个语句块，在ECMAScript中，有语句块，但没有语句块作用域。
if语句	if(condition){} if(ocndition){}else{}	条件选择，在条件表达式中，会将结果隐式转换为Boolean类型。 建议每个分支都明确使用{}，以避免维护时出错。 条件语句可以嵌套。
switch语句	switch(expression) { case value1: 　　statement1; 　　break; case value2: 　　statement2; 　　break; default: 　　statement; 　　break; }	switch语句语法和C语言一致，不同的是，switch中的expression不限于整型。 1、在switch语句中，表达式不限于整型，可以是任意表达式。 2、在case后面的value中，可以是整型，也可以是其它类型，甚至可以是一个表达式，但是在比较的时候不会进行类型转换，也即是使用全等（===）进行匹配。 3、case分支中的break表示不再继续后面的匹配，如果省略了会继续执行下面的case语句。建议每个case都加上break，如果是利用这种继续执行的特性，也加上相应注释说明。 4、最后一个分支的break加不加效果相同，我自己的个人风格是加上保持一致性。
do-while语句	do{ 　　statement; }while(expression);	先执行循环体，再进行条件判断，这种格式至少会执行一次循环。 条件判断也会有隐式转换。
while语句	while(expression) { 　　statement; }	满足条件才执行循环体。如果一开始就不满足条件，则根本不会执行循环体。
for语句	for(initialization; expression; post-loop-expression){ 　　statement; }	for语句在功能上和while是等价的。 执行顺序是，先执行初始化initialization，然后进行条件比较expression，如果满足条件，就执行循环体，执行完一次循环后，执行post-loop-expression部分，然后循环比较条件直至跳出整个循环。
for-in语句	for(property in expression){ 　　statement; }	for循环的另一种形式，可以使用这种循环遍历对象的属性和对象原型链上的属性。
with语句	with(expression){ 　　statement; }	将代码的作用域设置到一个特定的对象中。
label语句	label:statement;	给代码添加标签供其它语句使用。
break语句	break; break label;	1、用在switch语句中，在找到匹配的case分支后，不继续执行下面的case语句。 2、用在循环语句中中断整个循环。
continue语句	continue; continue label;	在循环语句中中断本次循环，执行下一次循环。
try语句	try{ }catch(e){ }finally{ }	将代码放在try块中，使得异常发生时能够做出相应的处理。
throw语句	throw e;	抛出异常。
debugger语句	debugger;	调试。
return语句	return; return expression;	返回语句。在return之后没有返回时，返回undefined。

진술문에 대한 설명은 다음과 같습니다.

1. 문장에 세미콜론 종결자(;)를 추가할지 여부에 대해서는 모든 문장에 세미콜론을 추가하고 엔진이 프로그램을 추측하지 못하게 하는 것이 제 생각입니다. 그런데 어제 내 관점과 정반대되는 기사를 읽었고, 그 기사가 내 관점을 바꾸지는 않았지만 내 시야를 넓혀준 것은 꽤 타당했다.

2. var 문은 ECMAScript의 문 호이스팅 현상으로 인해 스코프에 사용되는 모든 변수를 상단에 배치하고 하나의 var 문을 사용하여 여러 변수를 정의하는 것이 좋습니다. 오류가 발생할 가능성이 적습니다. 현재 많은 JS 라이브러리에서도 이 형식을 사용합니다. 다음은 jQuery 시작 부분에서 가져온 코드입니다.

코드 복사 코드는 다음과 같습니다.

var document = window.document,
navigator = window.navigator,
location = window.location

3. 사용된 문 블록({})을 사용하여 객체 리터럴을 정의할 수도 있습니다. ECMAScript에는 블록 수준 범위가 없습니다.
4. 네 가지 유형의 루프문(do-while, while, for, for-in)의 경우 for-in 문은 루프할 때마다 객체 자체와 해당 프로토타입을 검색하므로 효율성이 상대적으로 높아집니다. 낮은. for 루프문 최적화 관련:

코드 복사 코드는 다음과 같습니다.

/ / 1. 일반 for 루프
for(var i=0; i < arr.length; i ){
}
// 2. 위의 코드는 루프를 돌 때마다 arr의 길이를 다시 계산합니다. arr이 DOM 작업인 경우 효율성에 분명히 영향을 미칠 것입니다.
for(var i=0,l=arr.length; i}
// 3. 전체 루프는 길이를 한 번만 계산합니다. 감소를 고려하면
for(var i=arr.length; i>0; i--){
} // 4. 위 중간 변수를 사용하지 않고 길이는 한 번만 계산하면 됩니다. 길이가 항상 0보다 작지 않은 숫자이고 JS의 부울 값 0이 false라는 점을 고려하면 다음과 같습니다. 추가로
for(var i=arr.length; i ; i--){
}
//로 수정합니다. 5. 숨겨진 변수를 제거하기 위해 JS에서 변수 선언 승격이 미칠 수 있는 영향을 고려합니다. 위험할 경우
var i=arr.length;
for(; i ; i--){
}

5. 단축키를 사용하면 예상치 못한 결과가 발생할 수 있으므로 아껴서 사용하는 것이 좋습니다.

코드 복사 코드는 다음과 같습니다.

//1. with 문
with(obj){
a=b;
//2을 사용합니다. with 문을 사용하면 1
if(obj.a === undefine){
a = obj.b || b; >obj.a = obj.b || b;
}
//3. 가능한 결과
a = b
a = obj.b;
obj.a = obj.b;


1부는 with 문을 사용하는 것이고, 두 번째 부분은 with 문을 사용하지 않은 것과 동일한 문이고, 세 번째 부분은 가능한 마지막 부분입니다. 실행 결과 with 문 자체만 보면 실제로 프로그램이 실행될 때 어떤 일이 일어날지 이해하기가 쉽지 않습니다. 또한 with 문을 사용하여 수정하면 동기화되지 않는 문제가 발생합니다.

코드 복사

코드는 다음과 같습니다. var obj = { person:{ name:'linjisong' }

}; 사람){

obj.person = {
name:'oulinhai'
}
console.info(obj.person.name) //oulinhai
console.info(이름) ; //린지송
}


여기서 의도하지 않게 비동기화가 발생할 수 있습니다.
6. 반품문의시 주의사항:

코드를 복사하세요


코드는 다음과 같습니다.

return { prop:'value'; }//엔진이 자동으로 세미콜론을 추가하므로 실제로는 정의되지 않은 값이 여기에 반환됩니다.

return {

prop:'value' ;
}//객체 반환