同步和异步的区别是什么

javascript语言是单线程机制。所谓单线程就是按次序执行，执行完一个任务再执行下一个。
【同步】:按照一定的顺序去执行，执行完一个才能执行下一个,会阻塞代码执行
【异步】:不会阻塞代码执行

前端使用异步的场景有哪些

1. 网络请求，如 ajax请求、图片加载

//ajax请求
console.log('start')
$.get('./data.json',function(data){
    console.log(data)
})
console.log('end')
//图片加载
console.log('start')
let img=document.createElement('img')
img.onload=function(){ //callback的形式
    console.log('loaded')
}
img.src="/xxx/png"
console.log('end')

2. 定时任务，如setTimeout、setInterval

console.log(100)
setInterval(() => {
    console.log(200)
}, 1000);
console.log(300)

异步的应用场景

1. 网络请求，如ajax图片加载
2. 定时任务，如setTimeout

网络请求：

打印start、打印end、网络请求的时候，传了一个回调函数。
这时候按照异步的逻辑来分析：
打印start,执行网络请求，执行完网络请求就不管了，因为异步，继续往下执行，打印end,什么时候网络请求回来，什么时候回来就什么时候打印data1,执行回调函数。

图片加载：先执行start,然后定义一个img,img.onload里的onload就是一个callback的一个形式，这是另外一个形式，img.onload赋值成一个回调函数，然后img.src赋值成xxx.png。src一旦赋值之后，图片会触发加载，加载完成之后，它这个过程中，我们就先不管了，先打印end。等图片加载完成之后，我们再去触发onload事件，这个回调函数，打印loaded

定时任务：

setInterval：也是定时器，但是它不是一次性的，它是一个循环的一种执行方式，所以说这也是一个异步。

核心代码演示：

//同步
console.log(100)
setInterval(function () {
    console.log(200)
},1000)
console.log(300)

效果：200一直循环打印

1. 通过事件回调函数 异步加载

不要忘了在 Build Settings 里添加想要切换的场景!!

AsyncOperation ao = SceneManager.LoadSceneAsync("场景名称");

//加载完毕后处理逻辑的事件
ao.completed += (a) =>
{
    print("加载结束");
};

2. 通过协程 异步加载

待续...