React React Sınıfı

createClasss metodu
Şöyle yaparız.

var Box = React.createClass({
  render: function() {
    return (<h2>Purple Monkey</h2>);
  }
});

Bu bileşen html içinde şöyle gösterilir.

<script type="text/babel">
  ReactDOM.render(<Box />,document.getElementById('content'));
</script>

High Order Function

Giriş
Function dönen function anlamına gelir.

Örnek
Elimizde şöyle bir kod olsun.

let functionA = (customValue) => {
  let value = customValue || 1;
  return input => input * value;
};

Çağırmak için şöyle yaparız.

functionA()(4)             
// => returns 4

functionA(2)(4)
// => returns 8

functionA(3)(4)
// => returns 12

functionA(4)(4)
// => returns 16

function Anahtar Kelimesi

1. Function Declaration
Sadece function tanımlanır. Çağrılamaz.
Örnek
Function's isim verilmelidir. Şöyle yaparsak SyntaxError alırız.

//gives `SyntaxError`
function() {
    console.log('Inside the function');
}();

Örnek
Function'a isim versek bile şöyle yaparsak SyntaxError alırız. Çünkü Function Declaration çalıştırılamaz.

function func(){
  console.log('x')
}();

Function Declaration'ı Hemen Çalıştırmak
Function Declaration parantez içine alınır.
Örnek
Şöyle yaparız

(function() {
    console.log('Inside the function');
})();

Örnek
Şöyle yaparız.

(function(){console.log("abc");})();

(function(){console.log("123");})();

2. Function Expression
Function Declaration bir değişkene atanır ve çağrılabilir hale gelir.
Örnek
Şöyle yaparız

+function(){
  console.log('done')
}()

Örnek
Şöyle yaparız.

// Executes without any error
var x = function() {console.log('Inside the function')}(); // Inside the function

for..in Döngüsü - Nesnenin Property'leri Üzerinde Dolaşır

Giriş
Buradaki in kelimesi in operator değildir.

Eğer nesnemiz bir array ise for..in indeksleri verir.

for..in ve for..of Farklı Şeylerdir

Açıklaması şöyle

Both for..in and for..of are looping constructs which are used to iterate over data structures. The only difference between them is the entities they iterate over: for..in iterates over all enumerable property keys of an object. for..of iterates over the values of an iterable object.

Örnek

Aradaki farkı gösteren bir örnek şöyle

let list = [4, 5, 6];

for (let i in list) {
   console.log(i); // "0", "1", "2",
}

for (let i of list) {
   console.log(i); // "4", "5", "6"
}