Si desea comenzar con código bajo, primero debe aprender javascript. Ya tenemos dos artículos básicos,
definición de variable y
ciclo de inicialización y control condicional
. Este artículo presenta dos puntos de conocimiento, uno es función y el otro es módulo
función
En js, las funciones son bloques de código que se pueden reutilizar. Las funciones se definen para eliminar la redundancia. Cualquier bloque de código que deba reutilizarse se puede refinar usando la sintaxis de funciones. La sintaxis de la función es
function 函数名(形参){
函数体
return 返回值
}
Los parámetros formales y los valores de retorno no son necesarios.Si no hay parámetros formales, entonces nuestra función es una función que no requiere parámetros. Una llamada de función puede devolver un valor específico.Si es solo para procesamiento, también es posible que no devuelva un valor.
Después de definir la función, se puede llamar. Al llamar, la sintaxis es
函数名(实参)
Usamos el nombre de la función para llamar a una función específica. Al llamar, necesitamos pasar un valor específico. Si no se definen parámetros formales, simplemente escriba un par de paréntesis para llamarlo.
Si la función tiene un valor de retorno, entonces podemos definir una variable para recibir el valor de retorno Ejemplo: definimos una función de suma con dos parámetros formales, y el valor de retorno de la función es la suma de los dos parámetros formales.
function add(a,b){
return a+b;
}
Después de definirlo, si es necesario llamarlo, lo llamamos así y recibimos el valor de retorno
let result;
result = add(3,2);
console.log(result)
Después de llamar a la función, se devolverá el resultado del cálculo, 3+2=5, por lo que la consola imprimirá 5
módulo
Con el concepto de módulos en ES, podemos encapsular diferentes funciones en diferentes módulos. Al definir, necesitamos usar export para exportar las variables y métodos en el módulo. Al usar, podemos usar import para importar
Export puede exportar variables y métodos definidos en módulos, por ejemplo, podemos definir un módulo para obtener openid en el directorio común
export async function getOpenId() {
const {
OPENID, FROM_OPENID } = await app?.utils?.getWXContext()
let userId = FROM_OPENID || OPENID
if (!userId) {
const {
wedaId } = await app.cloud.getUserInfo()
userId = wedaId
}
return userId
}
Si necesitamos obtener el openid tan pronto como cargamos el applet, podemos introducir el módulo en la función de ciclo de vida y usar la declaración de importación para importar
import {
getOpenId } from './common/getOpenId'
export default {
onAppLaunch(launchOpts) {
// 调用获取用户openId方法，在用户表中查询是否用当前用户并设置全局用户信息
getOpenId().then(async userId => {
const res = await app.cloud.dataSources.mykh_uxymskf.wedaGetItem({
where: [
{
key: 'wxOpenId',
val: userId,
rel: 'eq'
}
]
})
app.dataset.state.userInfo = Object.assign(
{
openId: userId },
res?.nickName && {
nickName: res?.nickName },
res?.avatar && {
avatar: res?.avatar }
)
})
//console.log('---------> LifeCycle onAppLaunch', launchOpts)
},
onAppShow(appShowOpts) {
//console.log('---------> LifeCycle onAppShow', appShowOpts)
},
onAppHide() {
//console.log('---------> LifeCycle onAppHide')
},
onAppError(options) {
//console.log('---------> LifeCycle onAppError', options)
},
onAppPageNotFound(options) {
//console.log('---------> LifeCycle onAppPageNotFound', options)
},
onAppUnhandledRejection(options) {
//console.log('---------> LifeCycle onAppUnhandledRejection', options)
}
}
Después de importar, se puede usar de acuerdo con la sintaxis de la llamada de función, lo cual es más conveniente
Resumir
Este artículo presenta la sintaxis de las funciones y el conocimiento básico de los módulos. En el proceso de programación, primero debe familiarizarse con la sintaxis y luego implementar las funciones de acuerdo con la sintaxis. Practiquemos.