js简单封装类导出并使用

原创已于 2023-03-16 22:05:15 修改 · 607 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #小程序 #微信

于 2023-03-16 22:04:23 首次发布

javaScript 专栏收录该内容

1 篇文章

订阅专栏

该文章展示了如何在JavaScript中定义一个类(mask)，包含构造函数和toast方法，用于在微信小程序中显示消息提示。类实例化后调用toast方法可显示带有指定标题和图标的提示，持续2秒，并设置有蒙层。

封装一个类

在js文件中定义一个类并导出

class mask {
	constructor(title = '', icon = "none") {
		this.title = title
		this.icon = icon
	}
	// 消息提示框
	toast() {
		wx.showToast({
			title: this.title,
			icon: this.icon,
			duration: 2000,
			mask:true
		})
	}
}
export {mask}

在要使用的文件中引入

import {mask} from '@/common/common.js'

在使用的地方

new mask('测试').toast()

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

王二哥er

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

封装导出excel的js

weixin_45654407的博客

01-13

521

util.js 封装导出方法 /** export Excel */ let apiUrl = process.env.VUE_APP_BASE_API; const exportMethod = data => { axios({ method: data.method, url: apiUrl + data.url, params: data.params, responseType: "blob" }).then(res => { let t

封装导出功能（export）

m0_71071209的博客

07-29

1171

是一个用于在前端导出文件的JavaScript库，‌它允许开发者在浏览器环境中方便地保存文件。‌通过使用file-saver，‌开发者可以创建Blob对象，‌并利用FileSaver.saveAs方法将文件保存到用户的设备上。‌这种方法特别适用于Web应用中需要导出文件到客户端的情况，‌如Excel、‌CSV等。‌在Vue.js中使用file-saver导出文件的基本步骤包括：‌。

参与评论您还未登录，请先登录后发表或查看评论

用JS的五种导出方式

10-14

js导出页面表格的方式。

一个不错的js封装类

05-22

本人在工作中用到的都封装在了一起，绝对实用...

JS类的封装及实现代码

Stoneson

12-09

749

s并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类. 1. 定义js类 js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样用class来定义类, 但我们可以利用js的闭包封装机制来实现js类

发布一个实用的js window封装类

zdz8207的专栏

07-23

172

发布一个实用的js window封装类，主要内容包括： 1.获取屏幕宽度的函数 2.获取屏幕高度的函数 3.获取滚动条横向宽度 4.获取滚动条竖向高度 5.window.onscroll绑定事件 6.删除window.onscroll绑定事件 7.window.onload绑定事件 8.让元素显示在屏幕中间 9.获取屏幕中间显示距离顶部的高度 10.固顶元素在屏幕中显示，不随滚...

精选资源

JavaScript 实现 Excel数据导出支持多个Sheet页导出

09-20

本文将深入探讨如何使用纯JavaScript实现JSON格式数据到Excel文件的导出，同时支持多个Sheet页的导出。这个功能对于前端开发者来说，能够极大地提升用户体验，特别是在数据管理、分析和分享场景下。首先，我们要...

[Vue]JavaScript中的默认导出和命名导出

m0_51955470的博客

12-28

1313

默认导出：导入时不需要使用{}，直接指定你想要的名字即可。。命名导出：导入时需要使用{}来指定要导入的具体名称。。这是 JavaScript 模块系统的基本规则，它允许开发者灵活地管理和导入所需的功能。我来详细解释一下默认导出）和命名导出）在 JavaScript 中的概念和区别。

js-xlsx二次简单封装工具

11-24

本文将详细介绍基于SheetJS的js-xlsx的二次封装，以及如何利用这个封装工具实现导出功能并进行样式调整。 **一、SheetJS的js-xlsx库** SheetJS的js-xlsx库是一个开源的JavaScript库，专门用于处理Excel文件（.xlsx...

基于SheetJS的js-xlsx导出工具封装

而本项目中提到的“二次简单封装”，意味着开发者并未直接使用原始的SheetJS API，而是基于其核心功能进行了抽象和封装，构建了一个更贴近业务需求、调用更简洁的工具类，即名为“sh-js-xlsx”的模块。该工具类的...

常用js方法封装

12-13

do.1.21.js，常用js的封装，使用了JSDuck文档生成工具，生成了说明文档。

新手常用的几个JS封装类

05-10

新手常用的几个JS封装类：包括拖拽、class添加删除、变换、继承等

JavaScript：导出类或对象

kllo__的博客

05-18

4344

了解如何在Node.js中导出类或对象 Node.js生态系统中的许多模块只导出一个对象，该对象集合了模块的所有功能。为此，它们重新分配 modele.exports 对象，而不是向其添加属性。例如，查看下面模块 calculator.js 是如何定义的。 // Declare a factory function that returns an object literal const createCalc = () => { // The returned...

JS中定义类的方法

热门推荐

sdlfx的专栏

10-24

4万+

JS中定义类的方式有很多种： 1、工厂方式 function Car(){ var ocar = new Object; ocar.color = "blue"; ocar.doors = 4; ocar.showColor = function(){ document.write(this.color) }; return ocar;

JS封装类

weixin_33863087的博客

05-06

121

js的语法概念中，本身没有类这一说法，今天学习了用JS来封装一个类，就为大家介绍一下封装类，这个方法可以更加方便地管理类的属性和方法。废话不多说，马上来干货。就把人当成一个类，作为一个例子吧。类嘛，自然就有属性与方法 function Person(name,sex,year,love,fn){ //注意类名要大写　　this.name = name; 　　this.sex...

javascript 封装类

flj924的专栏

03-06

919

1 封装首先，它也是用一个对象模拟"类"。在这个类里面，定义一个构造函数createNew()，用来生成实例。　　var Cat = { 　　　　createNew: function(){ 　　　　　　// some code here } 　　}; 然后，在createNew()里面，定义一个实例对象，把这个实例对象作为返回值。

JavaScript - 类的封装

Jessige

05-19

175

类的封装要干的事情如下类实际上就是一个 function 同时也是这个类的构造方法可以使用 new 创建该类的实例 new 出的对象有属性有方法属性和方法性质不同因此定义的方式也不同 —— 实际上方法是一种特殊形式的属性属性每个实例单独所有多个实例之间互不影响因此要在构造方法中初始化实例的属性 —— 每次执行 new 时构造方法都会执行会产生新的属性 ...

js类的封装

yehaha12的博客

10-20

468

利用js的闭包封装机制闭包的三个特性： 1.函数嵌套函数 2.函数的内部可以引用外部的变量 3.参数和变量不会被垃圾回收机制回收闭包的是指有权访问另一个函数作用域中的变量和函数，创建闭包最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量 1.js中自定义对象。与之对应的是js标准对象例如Data,Array.Math.等 2.原型（prototyp

js 实现封装

u012668297的专栏

07-11

543

function Person() { this.name = "jee"; this.age = 25; this.getName = function() { return this.name; } } var person = new Person(); alert(person.age);

使用class封装的，如何导出并使用