synchronous.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function work() {
const start = Date.now();
for(let i=0; i<1000000000; i++) {
}
const end = Date.now();
console.log(end-start+'ms');
}
console.log('work_호출하기');
work();
console.log('다음 작업');
// 🔻🔻
// work_호출하기
// 623ms
// 다음 작업
// 💚 동시에 다른 작업 가능
// function work() {
// setTimeout(() => {
// const start = Date.now();
// for(let i=0; i<1000000000; i++) {
// }
// const end = Date.now();
// console.log(end-start+'ms');
// }, 0)
// }
// console.log('work_호출하기');
// work();
// console.log('다음 작업');
// 🔻🔻
// work_호출하기
// 다음 작업
// 623ms
// 💚 work 끝났을 때 하고싶을 땐 ! --> 콜백 함수
// function work(call_back) {
// setTimeout(() => {
// const start = Date.now();
// for(let i=0; i<1000000000; i++) {
// }
// const end = Date.now();
// console.log(end-start+'ms');
// call_back();
// }, 0)
// }
// console.log('work_호출하기');
// work(() => {
// console.log('작업 끝');
// });
// console.log('다음 작업');
// 🔻🔻
// work_호출하기
// 다음 작업
// 623ms
// 작업 끝
</script>
</body>
</html>
