miguelmota / Javascript Idiosyncrasies
Licence: mit
A bunch of Javascript idiosyncrasies to beginners.
Stars: ✭ 353
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Javascript Idiosyncrasies
Godot tutorials
Code and examples for KidsCanCode Godot Tutorials.
Stars: ✭ 119 (-66.29%)
Mutual labels: tutorial, example
Learn To Send Email Via Google Script Html No Server
📧 An Example of using an HTML form (e.g: "Contact Us" on a website) to send Email without a Backend Server (using a Google Script) perfect for static websites that need to collect data.
Stars: ✭ 2,718 (+669.97%)
Mutual labels: tutorial, example
Your first decentralized application python
An up to date and bare minimum tutorial on deploying smart contracts with python
Stars: ✭ 132 (-62.61%)
Mutual labels: tutorial, example
React Redux Boilerplate
It is a boilerplate of React-Redux as the infrastructure, which helps to setup a Web APP quickly
Stars: ✭ 113 (-67.99%)
Mutual labels: tutorial, example
Vaporschool
Learn how to build vapor applications from rookie to champion in a constructive way!
Stars: ✭ 259 (-26.63%)
Mutual labels: tutorial, example
Phoenix Liveview Counter Tutorial
🤯 beginners tutorial building a real time counter in Phoenix 1.5.5 + LiveView 0.14.7 ⚡️
Stars: ✭ 115 (-67.42%)
Mutual labels: tutorial, example
Jni By Examples
🎇Fun Java JNI By Examples - with CMake and C++ (or C, of course!) ‼️ Accepting PRs
Stars: ✭ 99 (-71.95%)
Mutual labels: tutorial, example
Lv examples
Examples, tutorials and applications for the LVGL embedded GUI library
Stars: ✭ 246 (-30.31%)
Mutual labels: tutorial, example
Wordpress Plugin Boilerplate Tutorial
Tutorials and Examples for WordPress Plugin Boilerplate, a foundation for WordPress Plugin Development.
Stars: ✭ 232 (-34.28%)
Mutual labels: tutorial, example
Deep Learning Based Ecg Annotator
Annotation of ECG signals using deep learning, tensorflow’ Keras
Stars: ✭ 110 (-68.84%)
Mutual labels: tutorial, example
Avenging
MVP pattern example on Android: no Dagger or RxJava example
Stars: ✭ 279 (-20.96%)
Mutual labels: tutorial, example
Coroutinerecipes
Playground for Kotlin Coroutines. Basics, Channels, Flows, useful examples & comparison to RxJava.
Stars: ✭ 104 (-70.54%)
Mutual labels: tutorial, example
Annotation Processing Example
It is the example project for the annotation processing tutorial.
Stars: ✭ 116 (-67.14%)
Mutual labels: tutorial, example
Circleci Demo Python Django
Example Django application running on CircleCI
Stars: ✭ 100 (-71.67%)
Mutual labels: tutorial, example
React Workshop
The course material for our React Hooks workshop
Stars: ✭ 184 (-47.88%)
Mutual labels: tutorial, example
Expo Three Demo
🍎👩🏫 Collection of Demos for THREE.js in Expo!
Stars: ✭ 76 (-78.47%)
Mutual labels: tutorial, example
Wasm By Example
Wasm By Example is a website with a set of hands-on introduction examples and tutorials for WebAssembly (Wasm)
Stars: ✭ 226 (-35.98%)
Mutual labels: tutorial, example
Project Minimek
A sample app to demonstrate various useful Redux techniques, accompanying the blog series at http://blog.isquaredsoftware.com/series/practical-redux
Stars: ✭ 266 (-24.65%)
Mutual labels: tutorial, example
JavaScript idiosyncrasies
This is a collection of things in JavaScript that may not be well recognized, espcially to beginners.
Disclaimer: Some of these snippets are simply to demonstrate the quirky parts of JavaScript and by no means encourage best practices and should never be seen in production code.
In no particular order:
Q. What's the result?
(function() {
var foo = new Object();
var bar = new Object();
var map = new Object();
map[foo] = 'foo';
map[bar] = 'bar';
return map[foo];
})();
A.
"bar"
Q. What's the result?
function f() {
return 'foo';
}
(function() {
if (1 === 0) {
function f() {
return 'bar';
}
}
return f();
})();
A.
"bar"
Q. What's the result?
(function() {
return NaN === NaN;
})();
A.
false
Q. What's the result?
(function() {
function foo() {
return 'a';
}
return foo();
function foo() {
return 'b';
}
})();
A.
"b"
Q. What's the result?
(function(limit) {
for (var i = 0; i < limit; i++) {
setTimeout(function() {
console.log(i);
}, 0);
}
})(3);
A.
3
3
3
Q. What's the result?
(function(a, b) {
arguments[1] = 3;
return b;
})(1, 2);
A.
3
Q. What's the result?
(function(a, b, c) {
delete arguments[0];
return arguments.length;
})(1, 2, 3);
A.
3
Q. What's the result?
(function() {
return (function (a, b) {}).length;
})();
A.
2
Q. What's the result?
(function(a, b) {
var foo, bar;
foo = (bar = a, b);
return foo;
})(1, 2);
A.
2
Q. What's the result?
(function(undefined) {
var foo;
return foo === undefined;
})(true);
A.
false
Q. What's the result?
(function(n) {
return ~(n);
})(-3);
A.
2
Q. What's the result?
(function(n) {
return ~~n;
})(-1.5);
A.
-1
Q. What's the result?
(function(x) {
return !!x;
})('a');
A.
true
Q. What's the result?
(function() {
return typeof null === 'null';
})();
A.
false
Q. What's the result?
(function() {
return +(new Date())
})();
A.
1393812837139
Q. What's the result?
(function() {
return (new Date()).valueOf();
})();
A.
1393812845834
Q. What's the result?
(function() {
return ''+(new Date());
})();
A.
"Sun Mar 02 2014 18:14:01 GMT-0800 (PST)"
Q. What's the result?
(function() {
var foo = 'a';
(function(foo) {
foo = 'b';
})(foo);
return foo;
})();
A.
"a"
Q. What's the result?
(function() {
return arguments.toString();
})();
A.
"[object Arguments]"
Q. What's the result?
(function() {
return (function(){}) === (function(){});
})();
A.
false
Q. What's the result?
(function(n) {
return n === new Number(n);
})(10);
A.
false
Q. What's the result?
(function(x) {
return new String(x) === x;
})('a');
A.
false
Q. What's the result?
(function() {
return [1+1] === [2];
})()
A.
false
Q. What's the result?
(function() {
return {foo: 'bar'} === {foo: 'bar'};
})();
A.
false
Q. What's the result?
(function() {
for(;;);
return 1;
})();
A.
*Infinite loop*
Q. What's the result?
(function() {
return ['10','10','10','10'].map(parseInt);
})();
A.
[10, NaN, 2, 3]
Q. What's the result?
(function() {
var o = {
toString: function() {
return 'a';
},
valueOf: function () {
return 1;
}
};
return o + o;
})();
A.
2
Q. What's the result?
(function() {
var f = function g() {
return 1;
};
return g();
})();
A.
ReferenceError: g is not defined
Q. What's the result?
(function() {
return void (1+1);
})();
A.
undefined
Q. What's the result?
(function() {
var a = [1,2];
var b = a;
a = [1,2];
return a === b;
})();
A.
false
Q. What's the result?
(function() {
var x = 1;
return (function () {
return x;
var x = 2;
})();
})();
A.
undefined
Q. What's the result?
(function(n) {
var even = function (num) {
return (num === 0) || !(even(num - 1))
};
var _even = even;
even = void 0;
return _even(n);
})(2);
A.
TypeError: undefined is not a function
Q. What's the result?
(function() {
var n;
function name() {
return this.name
};
n = name.bind({name: 'foo'});
n = n.bind({name: 'bar'})
return n();
})();
A.
"foo"
Q. What's the result?
(function() {
return ('3' > '12') === ('03' > '12');
})();
A.
false
Q. What's the result?
(function() {
return Math.pow(2,53) === (Math.pow(2,53) + 1);
}();
A.
true
Q. What's the result?
(function() {
return Math.pow(2,1024) === Infinity;
})();
A.
true
Q. What's the result?
(function() {
return (Infinity - 100) === Infinity;
}();
A.
true
Q. What's the result?
(function() {
return (0.1 + 0.2 === 0.3);
})();
A.
false
Q. What's the result?
(function() {
return (0.1).toFixed(20);
})();
A.
"0.10000000000000000555"
Q. What's the result?
(function() {
return parseFloat('3.3.4');
})();
A.
3.3
Q. What's the result?
(function() {
return 010;
})();
A.
8
Q. What's the result?
(function() {
return (parseInt('10000000000000000', 10) ===
parseInt('10000000000000001', 10)
);
})();
A.
true
Q. What's the result?
(function(n) {
return (Function)('var n = n || 2; return n;')(n);
})(1);
A.
2
Q. What's the result? (assuming window scope)
var a = 1;
b = 1;
(function() {
return (delete window.a) === (delete window.b);
})();
A.
false
(function(x) {
var isMatch,
regex = /[\w]/gi;
return (regex.test(x) === regex.test(x));
})('a');
A.
false
Q. What's the result?
(function() {
return ![];
})();
A.
false
Q. What's the result?
(function() {
return +[];
})();
A.
0
Q. What's the result?
(function() {
return [][[]];
})();
A.
undefined
Q. What's the result?
(function() {
return +!+[];
})();
A.
1
Q. What's the result?
(function() {
return []+[];
})();
A.
""
Q. What's the result?
(function() {
return true + 1;
})();
A.
2
Q. What's the result?
(function() {
return 1 / '';
})();
A.
Infinity
Q. What's the result?
(function() {
return 1 * null;
})();
A.
0
Q. What's the result?
(function() {
return new Array() == false;
})();
A.
true
Q. What's the result?
(function() {
if ([]) {
return [] == false;
}
})();
A.
true
Q. What's the result?
(function() {
return ''.concat(null);
})();
A.
"null"
Q. What's the result?
(function(a, b) {
return a + + b;
})('a','b');
A.
"aNaN"
Q. What's the result?
(function() {
Object.prototype.foo = 'foo';
return foo;
})();
A.
"foo"
Q. What's the result?
(function() {
return 1000 === 1e3;
})();
A.
true
Q. What's the result?
(function() {
return 9999999999999999;
})();
A.
10000000000000000
Q. What's the result?
(function() {
(function() {
var a = b = 1;
})();
return typeof a === typeof b;
})();
A.
false
Q. What's the result?
(function() {
return Array(3).map(function(o) { return 'a'; });
})();
A.
[undefined, undefined, undefined]
Q. What's the result?
(function() {
var foo = [0,1,2];
foo[10] = 10;
return foo.filter(function(n) { return n === undefined; });
})();
A.
[]
Q. What's the result?
(function(x) {
var ret = null;
switch(x) {
case 'A':
ret = 'A';
break;
default:
ret = 'unknown';
break;
}
return ret;
})(new String('A'));
A.
"unknown"
JSBin | [JSBin explained](http://jsbin.com/leyaqamuru/1/edit?html,js,consol:w jke)
Q. What's the result?
(function() {
var x = {};
return x.prototype === Object.getPrototypeOf(x);
})();
A.
false
Q. What's the result?
(function() {
function foo() {}
foo.name = 'bar';
return foo.name;
})();
A.
"foo"
Q. What's the result?
(function() {
return Array(5).join(',').length;
})();
A.
4
Q. What's the result?
(function(x) {
return x++ + ++x;
})(2);
A.
6
Q. What's the result?
(function() {
'use strict';
let type = typeof foo;
let foo = 1;
return type;
})();
A.
ReferenceError: foo is not defined
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].