ローコードを始めるなら、まずJavaScriptを学ぶ必要があります.
変数定義と初期化
ループと条件制御
の2つの基本的な記事がすでにあります. この記事では関数とモジュールの2つの知識ポイントを紹介します.
関数
js では、関数は再利用できるコード ブロックです. 関数は冗長性を取り除くために定義されます. 再利用する必要があるコード ブロックは、関数の構文を使用して改良することができます. 関数の構文は次のとおりです。
function 函数名(形参){
函数体
return 返回值
}
仮パラメータと戻り値は必要ありません.仮パラメータがない場合、私たちの関数はパラメータを必要としない関数です. 関数呼び出しは特定の値を返すことができますが、処理のみの場合は値を返さないことも可能です。
関数が定義された後、それを呼び出すことができます. 呼び出すときの構文は次のとおりです.
函数名(实参)
関数名を使用して特定の関数を呼び出します. 呼び出すときは, 特定の値を渡す必要があります. 仮パラメータが定義されていない場合, かっこのペアを書いて呼び出すだけです.
関数に戻り値がある場合、戻り値を受け取る変数を定義できます. 例: 2 つの仮パラメータを持つ合計関数を定義すると、関数の戻り値は 2 つの仮パラメータの合計になります.
function add(a,b){
return a+b;
}
定義後、呼び出す必要がある場合は、このように呼び出して戻り値を受け取ります
let result;
result = add(3,2);
console.log(result)
関数が呼び出された後、計算の結果 3+2=5 が返されるため、コンソールには 5 が出力されます。
モジュール
ES のモジュールの概念により、さまざまな関数をさまざまなモジュールにカプセル化できます. 定義するときは、エクスポートを使用してモジュール内の変数とメソッドをエクスポートする必要があります. 使用するときは、インポートを使用してインポートできます.
Export は、モジュールで定義された変数とメソッドをエクスポートできます. たとえば、共通ディレクトリで openid を取得するモジュールを定義できます.
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
}
アプレットをロードしてすぐに openid を取得する必要がある場合は、モジュールをライフサイクル関数に導入し、import ステートメントを使用してインポートできます。
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)
}
}
インポート後、関数呼び出しの構文に従って使用できるため、より便利です
要約する
この記事では、関数の構文とモジュールの基礎知識を紹介します.プログラミングのプロセスでは、まず構文に精通し、次に構文に従って関数を実装する必要があります.練習しましょう.