> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 코드 2개, Tips 2개_javascript 팁

자바스크립트 코드 2개, Tips 2개_javascript 팁

WBOY
풀어 주다: 2016-05-16 18:35:31
원래의
956명이 탐색했습니다.

첫 번째 코드는 이 사용법을 강조하기 위해 프로젝트에서 스위치를 사용했는데 나중에 이 코드가 보기 흉하다는 것을 발견하여 ||&& 형식으로 작성했습니다. 이 쓰기 방법이 어떤 경우에는 성능을 향상시킬 수 있다는 것을 알 수 있지만 어떤 상황에서 성능이 향상될 수 있는지는 확실하지 않습니다. 왜냐하면 스위치와 || &&는 일반적인 상황에서는 거의 동일합니다.
원본 코드:

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

switch(this.now_char=this .str.charAt(this.index)){
case "/":
if(this.handleNote()) continue;else this.str2 = this.now_char;
break;
case """:
case "'":
if(this.handleStr()) continue;else this.str2 =this.now_char;
break;
case "n":
if(this.handleLine()) continue;else this.str2 =this.now_char
break
case "{":
case " }":
if(this.handleDepth() ) continue;else this.str2 =this.now_char;
break;
case ":":if(this.handleJson()) continue;else this .str2 =this.now_char;break;
기본값:
if(this.handleKeyword()) continue;else this.str2 =this.now_char
break; >
재작성된 코드의 기능은 당연히 동일한 뷰 sourceprint?1 (this.now_char=="/"&&(this.handleNote()||(this.str2 =this.now_char)))||
((this.now_char=="""| |this.now_char=="'")&&(this.handleStr()||(this.str2 =this.now_char)))||
( this.now_char=="n"&&(this.handleLine( )||(this.str2 =this.now_char)))|| ((this.now_char=="{"||this.now_char=="}" )&&(this.handleDepth()||(this.str2 =this.now_char)))||
(this.handleKeyword()||(this.str2 =this.now_char))
두 번째 방법 나는 씹는 것이 더 간결하고 더 많은 것이 있습니다 ||&& 유용성을 위해 해당 기사의 소개를 읽어보세요
두 번째 코드 부분은 다음 기능을 사용합니다: (ele=document.createElement("div"));/ /이 표현식은 dom 요소를 반환하고 할당되면 외부 괄호
에 값을 반환하고 다음 코드가 나옵니다.



코드 복사 코드는 다음과 같습니다: var mixin=function(target,options){
for(var i in options){
target[ i]=options[i]
}
}
var ele=null;
mixin(ele=document.createElement("div"),{
id: "aa",
className: "bb",
innerHTML: "sss"
})
document.body.appendChild(ele)
debug(ele.id)//aa
debug(ele .className)//bb
debug(ele.innerHTML)//sss


이 코드는 dom 요소를 생성할 때 많은 문에 너무 지쳤기 때문입니다.


코드 복사 코드는 다음과 같습니다. var ele=document.createElement("div")
ele.id="aa";
ele.className="aa"
ele.innerHTML="sss"


잠깐, 잠깐만요.
그래서 위의 코드가 나왔습니다.
위의 원리를 이용하면 이렇게 코드를 작성할 수도 있습니다( ele=document.createElement("div")).className="aa"; space. 위 문장은 변수 이름을 저장합니다. 하하.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿