JavaScriptでパブリックメソッドを抽出する方法（スキルシェア）

フロントエンド開発の継続的な発展に伴い、JavaScript は避けられない必要なスキルになりました。 Javascript 開発では、再利用を容易にするためにいくつかのメソッドをカプセル化する必要がある状況によく遭遇します。これらのカプセル化されたパブリック メソッドにより、コードの重複が減り、開発効率が向上し、コードのメンテナンスがより便利になります。では、これらのパブリック メソッドを抽出するにはどうすればよいでしょうか?一般的に使用されるメソッド抽出テクニックをいくつか見てみましょう。

1. カプセル化関数

要素の取得、データ型の決定など、一般的に使用されるいくつかのメソッドを関数にカプセル化します。このようにして、繰り返しのコードを記述することなく、開発中にこの関数を直接呼び出すことができます。

例:

// 要素を取得
function $(selector) {
return document.querySelector(selector);
}

/ / データ型を決定します
function typeOf(obj) {
return Object.prototype.toString.call(obj).slice(8,-1).toLowerCase();
}

2、プロトタイプ チェーンのカプセル化メソッド

いくつかのパブリック メソッドをオブジェクトのプロトタイプ チェーンにカプセル化します。これにより、コードの重複が減り、呼び出しがより便利になります。

例:

// パブリック コンストラクター
function Animal(name,age) {
this.name = name;
this.age = age;
}

// コンストラクターのプロトタイプ チェーンにメソッドを追加します
Animal.prototype.sayHello = function() {
console.log(こんにちは、${this です.name}、私は今年 ${this.age} 歳です。 );
};

//
let Dog = new Animal("小黄" を直接呼び出します,3);
dog.sayHello(); // 出力: 「こんにちは、私はシャオ・ファンです。今年で 3 歳になります。」

3. モジュールのカプセル化

いくつかの関連関数をモジュールにカプセル化すると、コードがより適切に整理され、可読性と保守性が向上します。

例:

//モジュールのカプセル化
let Utils = (function() {
//プライベート メソッドを定義
function add(num1,num2) {

return num1 + num2;

}

function negative(num1,num2) {

return num1 - num2;

}

// パブリック メソッドを公開する
return {

add,
minus

}
})();

//
console.log(Utils.add(2,3)) を呼び出します; // 出力: 5
console.log(Utils .minus(5,2)); // 出力: 3

4. ツール ライブラリ

一般的に使用されるいくつかのパブリック関数 (lodash や jQuery など) をツール ライブラリにカプセル化できます。これらのツール ライブラリは、開発をより効率的に行うための便利な方法をいくつか提供します。

例:

// lodash で flatMap メソッドを使用します
let arr = [[1],[2,3],[4]];
let newArr = _. flatMap(arr);
console.log(newArr); // 出力: [1, 2, 3, 4]

概要

上記は Javascript による抽出方法です。パブリック メソッド 一部の手法とカプセル化されたパブリック メソッドは、コードの重複を大幅に削減し、開発効率を向上させ、コードのメンテナンスをより便利にすることができます。開発中に抽出できるパブリック メソッドがいくつか見つかった場合は、コードをより標準化され、簡潔で、保守しやすくするために、上記のメソッド抽出手法を試してみるとよいでしょう。

以上がJavaScriptでパブリックメソッドを抽出する方法（スキルシェア）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。