LoginSignup
23
22

More than 5 years have passed since last update.

ES6の構文にブラウザが対応しているかチェックするスニペット。

Last updated at Posted at 2015-09-23

開発者ツールのコンソールなどに流し込んで使う


try {
    eval('(function() { yield 1 })()');
    console.log('%c%s', 'color:green', 'yield を使えます');
} 
catch (e) { console.log('%c%s', 'color:red', 'yield は使えません') }


try {
    eval('(function(a=10) { return a })()');
    console.log('%c%s', 'color:green', 'デフォルト引数 を使えます');
} 
catch (e) { console.log('%c%s', 'color:red', 'デフォルト引数 は使えません') }

try {
    eval('(function(...numbers) { return numbeers })()');
    console.log('%c%s', 'color:green', '可変引数 を使えます');
} 
catch (e) { console.log('%c%s', 'color:red', '可変引数 は使えません') }

try {
    eval('(()=>{ return null })();');
    console.log('%c%s', 'color:green', 'アローファンクション を使えます');
} 
catch (e) { console.log('%c%s', 'color:red', 'アローファンクション は使えません') }

try {
    eval('(function() { let foo = 1 })()');
    console.log('%c%s', 'color:green', 'let を使えます');
} 
catch (e) { console.log('%c%s', 'color:red', 'let は使えません') }

try {
    eval('(function*() { const foo = 1 })()');
    console.log('%c%s', 'color:green', 'const を使えます');
} 
catch (e) { console.log('%c%s', 'color:red', 'const は使えません') }

try {
    eval('(function() { var myMap = new Map(); })()');
    console.log('%c%s', 'color:green', 'Map を使えます');
} 
catch (e) { console.log('%c%s', 'color:red', 'Map は使えません') }

実行例(Chrome)

kyoju000004.JPG

23
22
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
23
22