wordpress站点进入时弹窗,广告设计素材库,网站建设书店用户分几类,模特公司网站源码核心代码
function generateRandomNumber() {const min 100;const max 999;// 生成 min 到 max 之间的随机整数// Math.random() 函数返回一个大于等于 0 且小于 1 的随机浮点数。通过将其乘以 (max - min 1)#xff0c;我们得到一个大于等于 0 且小于等于 (max - min 1…核心代码
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;
}
这里我采用全局函数进行书写
自定义全局方法介绍
目录 效果 全局文件代码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
templateviewview{{info}}/viewview{{random}}/view/view
/template
scriptimport common from ../../utils/common.jsexport default {data() {return {info:common.info,random:common.generateRandomNumber() }},methods: {}};
/script
style/style 1、引入文件 import common from ../../utils/common.js 2、调用自定义全局变量 common.info 3、调用自定义全局函数 common.generateRandomNumber() 扩展 - 参数传递返回值为多个数据
效果
主页面同上
打印结果 全局文件代码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
templateviewview全局变量{{info}}/viewview随机三位数{{random}}/view/view
/template
scriptimport common from ../../utils/common.jsexport default {data() {return {info:common.info,random:common.generateRandomNumber() }},methods: {},onLoad() {//调用全局函数传参//这里传递的实参分别对应形参中的a,b,cvar parameters1 1;var parameters2 2;var parameters3 3;console.log(common.parameters(parameters1,parameters2,parameters3))}};
/script
style/style 引用方法时传递参数common.parameters(parameters1,parameters2,parameters3)
