古いスレッドですが、同等のものを実行する新しい方法がありますisset()。
ESNext（2019年12月4日ステージ）
2つの新しい構文により、isset()機能の使用を大幅に簡略化できます。
ドキュメントを読み、ブラウザの互換性に注意してください。
前の回答
説明については、以下を参照してください。Note私はStandardJS構文を使用しています
使用例
// IMPORTANT pass a function to our isset() that returns the value we're
// trying to test(ES6 arrow function)
isset(() => some) // false
// Defining objects
let some = { nested: { value: 'hello' } }
// More tests that never throw an error
isset(() => some) // true
isset(() => some.nested) // true
isset(() => some.nested.value) // true
isset(() => some.nested.deeper.value) // false
// Less compact but still viable except when trying to use `this` context
isset(function () { return some.nested.deeper.value }) // false
回答機能
/**
* Checks to see if a value is set.
*
* @param {Function} accessor Function that returns our value
*/
function isset (accessor) {
try {
// Note we're seeing if the returned value of our function is not
// undefined
return typeof accessor() !== 'undefined'
} catch (e) {
// And we're able to catch the Error it would normally throw for
// referencing a property of undefined
return false
}
}
説明
PHP
PHPでは、任意の深さで任意の変数を参照できることに注意してください。配列が単純なtrueor を返すため、非配列にアクセスしようとしてもfalse：
// Referencing an undeclared variable
isset($some); // false
$some = 'hello';
// Declared but has no depth(not an array)
isset($some); // true
isset($some['nested']); // false
$some = ['nested' => 'hello'];
// Declared as an array but not with the depth we're testing for
isset($some['nested']); // true
isset($some['nested']['deeper']); // false
JS
JavaScriptでは、そのような自由はありません。JSが関数にdeeper
ラップする前にJSが値にアクセスしようとするため、同じようにすると常にエラーが発生しますisset()...
// Common pitfall answer(ES6 arrow function)
const isset = (ref) => typeof ref !== 'undefined'
// Same as above
function isset (ref) { return typeof ref !== 'undefined' }
// Referencing an undeclared variable will throw an error, so no luck here
isset(some) // Error: some is not defined
// Defining a simple object with no properties - so we aren't defining
// the property `nested`
let some = {}
// Simple checking if we have a declared variable
isset(some) // true
// Now trying to see if we have a top level property, still valid
isset(some.nested) // false
// But here is where things fall apart: trying to access a deep property
// of a complex object; it will throw an error
isset(some.nested.deeper) // Error: Cannot read property 'deeper' of undefined
// ^^^^^^ undefined
その他の失敗する選択肢：
// Any way we attempt to access the `deeper` property of `nested` will
// throw an error
some.nested.deeper.hasOwnProperty('value') // Error
// ^^^^^^ undefined
Object.hasOwnProperty('value', some.nested.deeper) // Error
// ^^^^^^ undefined
// Same goes for typeof
typeof some.nested.deeper !== 'undefined' // Error
// ^^^^^^ undefined
そして、冗長性をすばやく得ることができるいくつかの代替案：
// Wrap everything in try...catch
try { isset(some.nested.deeper) } catch (e) {}
try { typeof some.nested.deeper !== 'undefined' } catch (e) {}
// Or by chaining all of the isset which can get long
isset(some) && isset(some.nested) && isset(some.nested.deeper) // false
// ^^^^^^ returns false so the next isset() is never run
結論
他のすべての答え-ほとんどは実行可能ですが...
- 変数が未定義ではないかどうかを確認するためだけをチェックしていると仮定します。
- トップレベルのプロパティにのみアクセスしようとしていると仮定します。これも、一部のユースケースでは問題ありません。
- PHPの
isset()
例に比べて理想的ではないアプローチを使用するように強制するisset(some, 'nested.deeper.value')
eval()機能するが個人的には使用しない
たくさんカバーしたと思います。私の回答には、触れても触れないいくつかのポイントがあります。それらは、関連はありますが、質問の一部ではないためです。ただし、必要に応じて、需要に基づいて、より技術的な側面へのリンクで回答を更新できます。
私はこれに多くの時間を費やしたので、うまくいけばそれが人々の助けになるでしょう。
読んでくれてありがとう！