uni-app : 生成三位随机数、自定义全局变量、自定义全局函数、传参、多参数返回值

核心代码 

function generateRandomNumber() {
	const min = 100;
	const max = 999;
	// 生成 min 到 max 之间的随机整数
	// Math.random() 函数返回一个大于等于 0 且小于 1 的随机浮点数。通过将其乘以 (max - min + 1),我们得到一个大于等于 0 且小于等于 (max - min + 1) 的随机浮点数。	
	// 接着,我们将结果舍去小数部分,即使用 Math.floor() 方法对结果进行向下取整。
	// 最后,我们加上 min,这样就将取整后的结果偏移为在 min 到 max 之间的随机整数。
	const randomNumber = Math.floor(Math.random() * (max - min + 1) + min);
	return randomNumber;
}

这里我采用全局函数进行书写

自定义全局方法介绍

目录

uni-app : 生成三位随机数、自定义全局变量、自定义全局函数、传参、多参数返回值_第1张图片

效果

uni-app : 生成三位随机数、自定义全局变量、自定义全局函数、传参、多参数返回值_第2张图片

全局文件代码(common.js)

//定义全局变量
const info = '我是全局变量'
//定义全局函数
//生成随机三位数
function generateRandomNumber() {
	const min = 100;
	const max = 999;
	const randomNumber = Math.floor(Math.random() * (max - min + 1) + min);
	return randomNumber;
}
//导出
module.exports = {
	generateRandomNumber,
	info
}

主页面代码(index.vue)



1、引入文件

        import common from "../../utils/common.js"

2、调用自定义全局变量

        common.info

3、调用自定义全局函数

        common.generateRandomNumber() 

扩展 - 参数传递,返回值为多个数据

效果

主页面同上

打印结果

uni-app : 生成三位随机数、自定义全局变量、自定义全局函数、传参、多参数返回值_第3张图片

全局文件代码(common.js)

//定义全局变量
const info = '我是全局变量'
//定义全局函数
//生成随机三位数
function generateRandomNumber() {
	const min = 100;
	const max = 999;
	const randomNumber = Math.floor(Math.random() * (max - min + 1) + min);
	return randomNumber;
}
//参数传递
function parameters(a,b,c){
	return {
		a,b,c
	};
}
//导出
module.exports = {
	generateRandomNumber,
	info,
	parameters
}

return:返回多个参数

扩展

1、返回一个对象:

function myFunction() {
  const result1 = 'hello';
  const result2 = 'world';
  const result3 = 123;
  
  return {
    value1: result1,
    value2: result2,
    value3: result3
  };
}

// 调用函数并获取返回值
const { value1, value2, value3 } = myFunction();
console.log(value1, value2, value3);

2、返回一个数组

function myFunction() {
  const result1 = 'hello';
  const result2 = 'world';
  const result3 = 123;
  
  return [result1, result2, result3];
}

// 调用函数并获取返回值
const [value1, value2, value3] = myFunction();
console.log(value1, value2, value3);

主页面代码(index.vue)



引用方法时传递参数:common.parameters(parameters1,parameters2,parameters3)

 

你可能感兴趣的:(uni-app,uni-app)