uniapp で使用されるいくつかの一般的なパブリック js メソッド

フロントエンド開発の継続的な開発に伴い、クロスプラットフォーム アプリケーションの開発に uniapp の使用を選択する開発者が増えています。 uniapp は、Vue.js フレームワークに基づく開発プラットフォームで、複数のプラットフォームで同時に実行する必要があるアプリケーションを迅速に作成できます。この場合、パブリック js メソッドを使用することは、コードの再利用を実現し、開発効率を向上させる効果的な方法です。この記事では、uniapp で使用される一般的な public js メソッドをいくつか紹介します。

1. ページ パラメーターの取得

uniapp では、uni.getStorageSync(key) メソッドを通じて現在のページのパラメーターを簡単に取得できます。たとえば、ページ ID を取得したい場合は、次のコードを通じて取得できます。

const query = this.$mp.page.options;
const id = query.id;

ここで、this.$mp.page.options は現在のページ パラメーターのコレクションを表します。ここで、query.id はパラメータの ID 値 この方法により、ページ内の任意のパラメータの値を簡単に取得できます。

2. ジッターを防ぐ方法

複雑な機能を持つ一部のページでは、多くの操作によってイベントがトリガーされるため、ユーザーが頻繁にクリックすると、データが不安定になります。現時点では、ジッターを防止する方法を使用してこの問題を解決できます。アンチシェイクとは、同じ関数への複数の呼び出しが一定期間内に 1 回だけ実行されることを意味し、通常はタイマーを使用してこれを実現します。以下に示すように:

var timer=null;
function debounce(fn,time){
    if(timer!=null){
        clearTimeout(timer)
    }

    timer=setTimeout(function(){
        fn()
    },time)
}

调用：

debounce(function(){
    console.log('防抖成功')
},1000)

上記のコードでは、デバウンス メソッドの機能は、この関数が短期間に複数回実行されるのを防ぐことです。time は、設定されたタイム ウィンドウの値です。は、待機ミリ秒以内にどれだけ長く呼び出されても、何度呼び出しても、関数は 1 回だけ実行されます。

3. キー値に基づいてオブジェクト内の対応する値を取得する

複雑なデータ構造を処理する必要がある一部のシナリオでは、通常、キー値に基づいてオブジェクト内の対応する値を取得する必要があります。キー値に基づくオブジェクト。値が必要です。たとえば、次の配列:

let arr = [
    { name: '张三', age: 18 },
    { name: '李四', age: 19 },
    { name: '王五', age: 20 }
]

Li Si という名前のオブジェクトの年齢値を取得したい場合は、次のコードを使用してそれを実現できます:

function findValue(arr, key, value) {
    for (let i = 0; i < arr.length; i++) {
        if (arr[i][key] == value) {
            return arr[i]
        }
    }
    return null
}

var result = findValue(arr,'name','李四')
console.log(result.age) // 19

上記のコードでは、findValue メソッドの関数は配列内にあります。条件を満たすオブジェクトを検索し、このオブジェクトを返します。ここで、arr は配列、key は配列要素内の属性名、value は検索する属性値です。

4. 変数のタイプを決定する

一部のデータ処理シナリオでは、次のステップに進むために変数のタイプを決定する必要があります。 JavaScript の typeof メソッドは変数の型を簡単に取得できます。

console.log(typeof 'uniapp') // string
console.log(typeof true) // boolean
console.log(typeof 1) // number
console.log(typeof undefined) // undefined
console.log(typeof null) // object
console.log(typeof {}) // object
console.log(typeof []) // object
console.log(typeof function() {}) // function

typeof null の結果は「object」になることに注意してください。これは JavaScript の歴史的な問題です。

要約すると、上記の 4 つのパブリック js メソッドは uniapp 開発でよく使用され、開発効率を大幅に向上させることができます。この記事があなたのお役に立てば幸いです。

以上がuniapp で使用されるいくつかの一般的なパブリック js メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。