📜  我附近的餐馆 - TypeScript (1)

📅  最后修改于: 2023-12-03 15:39:39.667000             🧑  作者: Mango

我附近的餐馆 - TypeScript

如果你在寻找在你附近的餐馆,可以使用 TypeScript 来编写一个程序来满足你的需要。这个程序简单易用,可以快速找到你附近的餐馆。代码片段如下:

// 导入必要的模块
import axios from 'axios';
import { Restaurant } from './models/restaurant';

// 设置常量和接口
const API_URL = 'https://api.example.com/restaurants';
interface RestaurantResult {
  restaurants: Restaurant[];
}

// 创建函数来获取餐馆列表
export async function getRestaurants(lat: number, lng: number): Promise<Restaurant[]> {
  try {
    const response = await axios.get<RestaurantResult>(`${API_URL}?lat=${lat}&lng=${lng}`);
    return response.data.restaurants;
  } catch (error) {
    console.error(error);
    return [];
  }
}

// 主函数用来调用 getRestaurants 函数
async function main() {
  const restaurants = await getRestaurants(37.7749, -122.4194); // 传入当前纬度和经度
  restaurants.forEach(restaurant => {
    console.log(restaurant.name);
    console.log(restaurant.address);
    console.log(restaurant.rating);
    console.log('---');
  });
}

// 运行主函数
main();

在这个示例中,我们使用 axios 来发送 GET 请求,获取餐馆列表。我们使用了一个 TypeScript 接口 RestaurantResult 来定义服务器响应的格式,以便在代码中使用餐馆数组。我们也定义了一个 TypeScript 类 Restaurant 来表示单个餐馆的信息。

调用 getRestaurants 函数需要提供当前的纬度和经度。这个函数返回一个 Promise,会在异步获取餐馆列表后传递一个餐馆数组。

最后,我们运行 main 函数,并打印各个餐馆的名字、地址和评分。你可以根据需要对代码进行更改,并使用不同的输出方法来展示餐馆列表。

以上就是使用 TypeScript 创建一个简单的程序来查找你附近的餐馆。如果你想加入更多功能,也可以根据自己的实际需要进行修改。