b-tekinli

function createCounter() {
    let count = 0;          // Bu değişken dışarıdan erişilemez.

    return function() {
        count++;            // İç fonksiyon dıştaki 'count' değişkenine erişebilir.
        return count;
    };
}

const counter = createCounter();

b-tekinli

var globalVar = "ben global scope"; // Global scope

function outerFunction() {
    var outerVar = "ben outer function scope"; // Outer function scope

    function innerFunction() {
        var innerVar = "ben inner function scope"; // Inner function scope
        
        console.log(globalVar); // Erişilebilir
        console.log(outerVar); // Erişilebilir

b-tekinli

// ES5
var person = { name: 'Beyza', age: 24 };
var name = person.name;
var age = person.age;



// ES6
const person = { name: 'Beyza', age: 24 };
const { name, age } = person;

b-tekinli

// ES5
var add = function(a, b) {
    return a + b;
};


// ES6
const add = (a, b) => a + b;

b-tekinli

// ES5
var x = 10;

if (true) {
    var x = 20;
}

console.log(x); // 20

b-tekinli

import { Button } from 'reactstrap';

<Button color="primary">Tıkla</Button>

b-tekinli

import { Button } from '@chakra-ui/react';

<Button colorScheme="blue">Tıkla</Button>

b-tekinli

import Button from '@material-ui/core/Button';

<Button variant="contained" color="primary">
  Tıkla
</Button>

b-tekinli

<button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
  Tıkla
</button>

b-tekinli

$primary-color: blue;

.button {
  background-color: $primary-color;
  &:hover {
    background-color: darken($primary-color, 10%);
  }
}