I was recently reminded about Dmitry Baranovsky's Javascript test , when N. Zakas answered and explained it in a blog post . First time I saw those questions explained was by Richard Cornford in comp.lang.javascript , although not as thoroughly as by Nicholas.
I decided to come up with my own little quiz. I wanted to keep
question not very obscure, practical, yet challenging. They would also
cover wider range of topics.
Host objects
Contrary to Dmitry's test, quiz does not involve host objects (e.g. window
),
as their behavior is unspecified and can vary sporadically across
implementations. We are talking about pure ECMAScript (3rd ed.)
behavior. Now, it's worth pointing out that sometimes implementations deviate from the standard collectively , forming their own, de-facto standard. An example of this is for-in
statement, where none of the popular implementations throw TypeError
when expression evalutes to null
or undefined
- for (var prop in null) { ... }
- and instead just silently ignore it. I tried to avoid these
non-standard cases. Every question has a correct answer that can be
reproduced in at least one of the major implementations.
So what are we testing?
Not a lot really. Quiz mainly focuses on knowledge of scoping,
function expressions (and how they differ from function declarations),
references, process of variable and function declaration, order of
evaluation, and a couple more things like delete
operator
and object instantiation. These are all relatively simple concepts,
which I think every professional Javascript developer should know. Most
of these are applied in practice quite often. Ideally, even if you
can't answer a question, you should be able to infer answer from specs
(without executing the snippet). When creating these questions, I made
sure I can answer each one of them off the top of my head, to keep
things relatively simple.
Note, however, that not all questions are very practical , so don't worry if you can't answer some of them. We don't often use with
statement, for example, so failing to know/remember its exact behavior is understandable.
Few notes about code
Assuming ECMAScript 3rd edition (not 5th)
Implementation quirks do not count (assuming standard behavior only)
Every snippet is run as a global code (not as eval or function one)
There are no other variables declared (and host environment is not extended with anything beyond what's defined in specs)
Answer should correspond to exact return value of entire expression/statement (or last line)
"Error" in answer indicates that overall snippet results in a runtime error
Quiz
Please make sure you select answer in each question ,
as lack of answer is not checked and counts as failure. The final score
is simply a number of wrong answers, less is better. Quiz requires
Javascript to be enabled.
( function ( ) {
return typeof arguments;
} ) ( ) ;
var f = function g( ) { return 23 ; } ;
typeof g( ) ;
( function ( x) {
delete x;
return x;
} ) ( 1 ) ;
var y = 1 , x = y = typeof x;
x;
( function f( f) {
return typeof f( ) ;
} ) ( function ( ) { return 1 ; } ) ;
var foo = {
bar: function ( ) { return this .baz ; } ,
baz: 1
} ;
( function ( ) {
return typeof arguments[ 0 ] ( ) ;
} ) ( foo.bar ) ;
var foo = {
bar: function ( ) { return this .baz ; } ,
baz: 1
}
typeof ( f = foo.bar ) ( ) ;
var f = ( function f( ) { return "1" ; } , function g( ) { return 2 ; } ) ( ) ;
typeof f;
var x = 1 ;
if ( function f( ) { } ) {
x += typeof f;
}
x;
var x = [ typeof x, typeof y] [ 1 ] ;
typeof typeof x;
( function ( foo) {
return typeof foo.bar ;
} ) ( { foo: { bar: 1 } } ) ;
( function f( ) {
function f( ) { return 1 ; }
return f( ) ;
function f( ) { return 2 ; }
} ) ( ) ;
function f( ) { return f; }
new f( ) instanceof f;
with ( function ( x, undefined) { } ) length;
Let's see the score!
I hope you liked it. Please leave your score in the comments. I'll
try to explain these questions sometime in a near future, unless
someone else does it before me. Meanwhile, you can take a look at my
articles on function expressions and delete operator , understanding which would help you answer some of these questions, and more importantly, explain their answers.
Language
More
Chinese
Taiwan
Deutsch
Italian
Janpanese
Korean
Turkish
Indonesian
Ukraine
Polish
Spanish
Slovenian
Recent articles Insights for Advanced Zooming and Panning in JavaScript Charts How to open a car sharing service Vue developer as a vital part of every software team Vue.js developers: hire them, use them and get ahead of the competition 3 Reasons Why Java is so Popular Migrate to Angular: why and how you should do it The Possible Working Methods of Python Ideology JavaScript Research Paper: 6 Writing Tips to Craft a Masterpiece Learning How to Make Use of New Marketing Trends 5 Important Elements of an E-commerce Website
Top view articles Adding JavaScript to WordPress Effectively with JavaScript Localization feature Top 10 Beautiful Christmas Countdown Timers Top 10 Best JavaScript eBooks that Beginners should Learn 65 Free JavaScript Photo Gallery Solutions 16 Free Code Syntax Highlighters by Javascript For Better Programming Best Free Linux Web Programming Editors Top 50 Most Addictive and Popular Facebook mini games More 30 Excellent JavaScript/AJAX based Photo Galleries to Boost your Sites Top 10 Free Web Chat box Plug-ins and Add-ons The Ultimate JavaScript Tutorial in Web Design