javaScriptのいくつかのスキル(関数パラメーター、関数クラスなど)

javaScriptを作成するときに役立ついくつかのヒントを紹介します。

関数のデフォルトを使用する

通常、デフォルト値をどのように定義しますか?

くるみ:

function exampleFun(name){
    
    
    return (name || '未命名')
};

ただし、独自のデフォルト値属性を使用できます
くるみ

function exampleFun(name = '未命名'){
    
    
    return name
};

複数のパラメーターを使用した関数処理

関数は、変数を出力するかどうかを決定するために複数のパラメータを有している。
栗を:

function exampleFun(name = 'xx',age = 'xx',height = 'xx'){
    //输出格式:xx岁的xx身高xx(如果有未定义的变量,则用xx代替)
    return age+'岁的'+name+'身高'+height+'厘米'
};

現時点では、オブジェクトパラメータメソッドを使用して簡略化できます
くるみ

function exampleFun({
    
     name = "xx",age = "xx",height = "xx" }){
    
    
    //输出格式:xx岁的xx身高xx(如果有未定义的变量,则用xx代替)
    return age+'岁的'+name+'身高'+height+'厘米'
};
// 调用
exampleFun({
    
    name:'二哈',height:'70',age:'6'})
//输出结果:"6岁的二哈身高70厘米"
exampleFun({
    
    })
//输出结果:"xx岁的xx身高xx厘米"

関数の副作用の回避

グローバル変数の汚染

くるみ:

var demo = 'I am demo';
function arrSplitDemo() {
    
    
  demo = demo.split(' ');
}
console.log(demo) // 'I am demo'
arrSplitDemo()
console.log(demo) // ["I", "am", "demo"]

この時点で、デモは文字列ではなく、配列に汚染されています。

栗を避ける方法:

var demo = 'I am demo';
function arrSplitDemo(demo) {
    
    
  return demo = demo.split(' ');
}
console.log(demo) // 'I am demo'
arrSplitDemo(demo) // ["I", "am", "demo"]
console.log(demo) // 'I am demo'

値渡しの関数はこの問題を完全に解決します

ユーザーがボタンを繰り返しクリックして、配列内で繰り返し入力エラーが発生することを避けます

アプリケーションシナリオ:ユーザは、アレイにデータを追加し、誤って複数回クリックし、複数回追加するデータの部分を引き起こす。
栗。

var arr = [1,2,3];
function arrPushError(push){
    
    
  arr.push(push)
};
//此时,用户不小心点击了三次
arrPushError(4); // [1, 2, 3, 4]
arrPushError(4); // [1, 2, 3, 4, 4]
arrPushError(4); // [1, 2, 3, 4, 4, 4]

回避方法
1つ目は、arrを変更するたびに重複排除関数を呼び出すことです(場合によっては、繰り返し追加できる栗には適さない場合があります)
。2つ目の栗:

var arr = [1,2,3];
function arrPushError(push){
    
    
  return arr = [...arr,push]
};
//此时,用户不小心点击了三次
arrPushError(4); // [1, 2, 3, 4]
arrPushError(4); // [1, 2, 3, 4]
arrPushError(4); // [1, 2, 3, 4]

欠点:追加が完了したことを確認した後、変数を使用して関数を受け取る必要があります。
####クラスを使用して
炒める:ES6チュートリアルのクラスの基本的な構文を参照しください

ES6のクラスとは正確には何ですか?これは、オブジェクト(Object)にニックネーム(カテゴリ、クラス)を再生させることです。変数を使用してオブジェクトを呼び出すと、ニックネーム(カテゴリ、クラス)が表示され、役割がわかります。たとえば、私は変数名を犬と呼びますが、私のニックネーム(カテゴリ、クラス)は小さな王子の解体なので、所有者はすぐにそれが私であることを知りました-2ヘクタールは誇らしげに言う

変数、定数、関数、クラス/クラスの命名規則

慈悲深い人は慈悲深いことを見て、賢い人は知恵を見て、特定の基準はありません。
しかし、少なくとも、それは読みやすさ単一責任の原則を挙げています。

機能の特定の側面では、高い凝集性低い結合、良好な機能を維持するための統一性。

いいね、コメントだけ。それがタイプミスであっても、ありがとう。

おすすめ

転載: blog.csdn.net/DoLi_JIN/article/details/106216180