你要的几个JS实用工具函数（持续更新）

今天，我们来总结下我们平常使用的工具函数,希望对大家有用。 1、封装fetch

源码：

代码语言：javascript复制

/**
 * 封装fetch函数，用Promise做回调
 * @type {{get: (function(*=)), post: (function(*=, *=))}}
 */
const fetchUtil = {
    get: (url) => {
        return new Promise((resolve, reject) => {
            fetch(url, {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded',
                }
            }).then((response) => response.json()).then(response => {
                resolve(response);
            }).catch(err => {
                reject(new Error(err));
            });
        });
    },
    post: (url, params) => {
        return new Promise((resolve, reject) => {
            fetch(url, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded',
                },
                body: params
            }).then((response) => response.json()).then(response => {
                resolve(response);
            }).catch(err => {
                reject(new Error(err));
            });
        });
    }
};

export default fetchUtil;

使用：

代码语言：javascript复制

import Fetch from "../util/FetchUtil.js";
    // post请求
    post(){
      let params = "";
      params  = "phone="   "xxxxxx"   "&password=" "123456";
      Fetch.post("https://carvedu.com/api/user/sms", this.params)
        .then(res => {
          console.log(res);
        })
        .catch(err => {
          console.log(err);
        });
    }
    // get请求
    get() {
      Fetch.get("https://carvedu.com/api/courses")
        .then(res => {
          console.log(res);
        })
        .catch(err => {
          console.log(err);
        });
    }

2、判断浏览器环境

源码：

代码语言：javascript复制

function getSystem(){
    const mac = /mac/i,
        linux = /linux/i,
        win = /win/i;
    const platform = navigator.platform.toLowerCase();
    if(mac.test(platform)){
        return 'MAC';
    } else if(win.test(platform)){
        return 'WIN';

更多内容请见原文，原文转载自：https://blog.csdn.net/weixin_44519496/article/details/119862213

前端性能监控前端高级 JS 工具函数

0 人点赞