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ヘクタールは誇らしげに言う
変数、定数、関数、クラス/クラスの命名規則
慈悲深い人は慈悲深いことを見て、賢い人は知恵を見て、特定の基準はありません。
しかし、少なくとも、それは読みやすさ、単一責任の原則を挙げています。
機能の特定の側面では、高い凝集性、低い結合、良好な機能を維持するための統一性。
いいね、コメントだけ。それがタイプミスであっても、ありがとう。