fetch('https://example/api/data.json').then(response => response.json()).then(data => console.log(data))我们可以看到，fetch函数返回一个Promise对象，而then函数则在Promise对象中的resolve状态被触发后执行，将返回的数据转成JSON格式并输出到控制台中。另一个常见的例子是在AJAX请求中使用then函数：$.ajax({url: 'https://example/api/getdata.php',dataType: 'json'}).done(function(data) {console.log(data);}).fail(function(error) {console.log(error);})在这个例子中，我们使用jQuery的$.ajax函数发送请求获取JSON数据，如果请求成功则使用done函数处理返回的数据，如果请求失败则使用fail函数处理错误信息。除了上面的示例外，then函数还有其他一些常见的用法：1. 处理异步操作的结果和异常const promise = new Promise((resolve, reject) => {setTimeout(() => {resolve('success');// reject('error');}, 1000);});promise.then(result => console.log(result),error => console.log(error));在这个例子中，我们使用Promise对象创建一个异步操作，通过setTimeout模拟一个1秒钟的延迟后，根据传入的参数resolve或reject来触发Promise的resolve或reject状态。在使用then函数时，我们可以传入两个函数作为参数，一个用于处理resolve状态，一个用于处理reject状态，以处理异步操作的结果和异常。2. 实现函数的链式调用const wait = ms => {return new Promise(resolve => setTimeout(resolve, ms));};wait(1000).then(() => {console.log('Hello');return wait(1000);}).then(() => {console.log('World');});在这个例子中，我们使用wait函数返回一个Promise对象，使得代码可以暂停1秒钟后再执行下一步操作，然后使用then函数实现函数之间的链式调用，使得代码可以按顺序执行。总结起来，then函数是Promise对象的一个方法，用于处理异步操作的结果以及异常情况，常见的用法包括处理返回数据、处理错误信息、链式调用等。因此，掌握then函数的用法是非常重要的。上一篇：javascript中try
下一篇：css指定文本行数
