>  기사  >  웹 프론트엔드  >  JavaScript 팝아웃 방법이란 무엇입니까?

JavaScript 팝아웃 방법이란 무엇입니까?

青灯夜游
青灯夜游원래의
2021-06-29 18:09:415355검색

JavaScript 이스케이프 방법은 다음과 같습니다. 1. 실행 중인 프로그램이 가장 안쪽 루프를 즉시 종료하거나 스위치 문을 종료할 수 있는 Break 문 2. 현재 루프를 종료하고 다음 루프로 들어갈 수 있는 Continue 문; 문은 현재 함수의 실행을 종료하고 함수 값을 반환할 수 있습니다.

JavaScript 팝아웃 방법이란 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

프런트엔드 업계의 고수님이 질문 하나를 생각해보라고 하시고, 빅맨에게 다음과 같은 코드를 주셨습니다.

function Seriously(options) {
  // if called without 'new', make a new object and return that
  if(window === this || !(this instanceof Seriously) || this.id !== undefined) {
    return new Seriously(options);
  }
}

return 문이 실행된 후에도 계속해서 실행되나요? 이것은 마스터가 나에게 해결하라고 요청한 문제입니다. return이 언급되었으므로 JS에서 루프를 종료하는 다른 두 가지 방법인 break와 continue도 해결하겠습니다.

Break 문:

  • break 문은 실행 중인 프로그램이 가장 안쪽 루프를 즉시 종료하거나 스위치 문을 종료하도록 합니다.
  • 루프나 스위치 문을 종료하는 데 사용되므로 이러한 형태의 break 문은 이러한 문에 나타날 때만 유효합니다.
  • 루프의 종료 조건이 매우 복잡한 경우 모든 조건에 대해 루프 표현식을 사용하는 것보다 break 문을 사용하여 일부 조건을 구현하는 것이 훨씬 쉽습니다.
for(var i = 519; i < 550; i++) {
  if(i == 522) {
    break;
  }
  console.log(i);
  alert(i);
  document.write(i);
}
  • i = 521이면 for 루프를 직접 종료합니다. 이 루프는 더 이상 실행되지 않습니다.
  • 출력 결과는 직접 테스트해 볼 수 있습니다.

Continue 문:

  • continue 문은 break 문과 유사합니다. 차이점은 루프를 종료하는 대신 루프의 새로운 반복을 시작한다는 것입니다.
  • continue 문은 while 문, do/while 문, for 문, for/in 문의 루프 본문에서만 사용할 수 있습니다. 다른 곳에서 사용하면 오류가 발생하나요?
for(var i = 5; i >=0; i--) {
  if(i == 4 || i == 3 || i == 1) {
    continue;
  }
  console.log(i);
  alert(i);
  document.write(i);
}
  • i = 4, i = 3일 때 i = 1이면 for 루프에서 직접 빠져나옵니다. 다음에 계속해서 실행하세요.
  • 출력 결과는 모두가 인쇄할 수 있기를 바랍니다.

Return 문:

return 문은 함수에서 반환하는 값을 지정하는 데 사용됩니다. return 문은 함수 본문에만 나타날 수 있으며, 코드의 다른 곳에 나타나면 구문 오류가 발생합니다!

for(var i = 1; i < 10; i++) {
  if(i == 8) {
    return;
  }
  console.log(i);
  alert(i);
  document.write(i);
}

실행 결과 Uncaught SyntaxError: 불법 반환 문(...)

  • 이 오류는 불법적으로 캡처된 쿼리 반환 문을 의미합니다.

return 문이 실행되면 함수 주체에 다른 문이 있어도 함수 실행이 중지됩니다!

<script type="text/javascript">
  if(username == "") {
    alert("please input your username: ");
    return false;
  } else if (qq == "") {
    alert("please input your qq number: ");
    return false;
  }
</script>

위의 예에서는 사용자 이름이 비어 있으면 더 이상 실행되지 않습니다. 양식 제출의 경우 false를 반환하여 기본 제출 방법을 방지하고 Ajax 제출 방법을 사용할 수도 있습니다. 예:

<form id="form" onSubmit="return false">
...
</form>

[관련 권장 사항: javascript 학습 튜토리얼]

위 내용은 JavaScript 팝아웃 방법이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.