jquery的项目开发风格（自用）

最新推荐文章于 2024-07-10 01:10:32 发布

noal

最新推荐文章于 2024-07-10 01:10:32 发布

阅读量264

点赞数

分类专栏：技术文章标签： jquery 开发风格

本文链接：https://blog.youkuaiyun.com/m0_37499386/article/details/102580052

版权

技术专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个基于jQuery的项目开发实例，展示了如何使用类的方式组织代码，包括设置和获取属性的方法，以及异步初始化和数据获取的过程。通过具体的代码示例，深入理解jQuery在现代Web开发中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery的项目开发风格

<script>
    class page {
      constructor() {
        this.init();
      }
      set name(value) {
        this._name = value;
        $('.name').text(value);
      }
      get name() {
        return this._name;
      }
      async init() {
        this.name = 'tom';
        setTimeout(() => {
          this.name = 'joe';
        }, 1000);
        await this.getData();
        console.log('getData callback');
      }
      getData() {
        return new Promise((resolve) => {
          setTimeout(() => {
            console.log('getData');
            resolve('getData');
          }, 2000);
        })
      }
    }
    $(() => {
      new page();
    });
  </script>