zakres zmiennej javascript w instrukcji IF

JavaScript nie ma "zakresu blokowego", ma tylko zakres funkcji - więc zmienne zadeklarowane wewnątrz instrukcji if (lub dowolnego warunkowego bloku) są "podnoszone"do zewnętrznego zakresu.

if(true) {
    var foo = "bar";
}
alert(foo); // "bar"

var foo = "test";
if(true) {
    alert(foo); // Interviewer: "What does this alert?" Answer: "test"
    var foo = "bar";
}
alert(foo); // "bar" Interviewer: Why is that? Answer: Because JavaScript does not have block scope

Zakres funkcji, w JavaScript, zazwyczaj odnosi się do zamknięć.

var bar = "heheheh";
var blah = (function() {
    var foo = "hello";
    alert(bar); // "heheheh"
    alert(foo); // "hello" (obviously)
});

blah(); // "heheheh", "hello"
alert(foo); // undefined, no alert

Wewnętrzny zakres funkcji ma dostęp do środowiska, w którym jest zawarta, ale nie w inny sposób w pobliżu.

Aby odpowiedzieć na drugie pytanie, optymalizację można osiągnąć, początkowo konstruując "minimalny" obiekt, który spełnia wszystkie warunki, a następnie zwiększając lub modyfikując go w oparciu o określone warunki, które zostały / zostały spełnione.

ECMAScript 2015 (ES6) zawiera dwa nowe słowa kluczowe, które ostatecznie pozwalają JavaScript na wykonywanie właściwego zakresu blokowego bez konieczności stosowania obiegowej, potocznej składni:

1. niech
2. const

Zmienne zadeklarowane wewnątrz instrukcji if będą dostępne tak długo, jak długo znajdują się w tej samej funkcji.

W Twoim przypadku najlepiej byłoby zadeklarować strukturę, a następnie zmodyfikować części obiektu, które różnią się w obu przypadkach:

var structure = {
    "element" : "div",
    "attr" : {
        "class" : "actionPane"
    },
    "contains" : [{
        "element" : "a",
        "attr" : {
            "title" : "edit",
            "href" : "#",
            "class" : "edit"
        },
        "contains" : ""
    }, {
        "element" : "a",
        "attr" : {
            "title" : "delete",
            "href" : "#",
            "class" : "delete"
        },
        "contains" : ""
    }]
}

if(state != "ed") {
    // modify appropriate attrs of structure (e.g. set title and class to cancel)
}

Są zmiennymi zadeklarowanymi i przypisanymi w instrukcji" if " widocznymi tylko w tym bloku "Jeśli" czy w całej funkcji?

W Javascript wszystkie zmienne są albo

• zasięg globalny
• local scope (whole function) - Javascript nie ma "Block scope", gdzie zmienne są dostępne tylko z mniejszym blokiem lokalnego scope (function)

Czy robię to dobrze w poniższym kodzie? (wydaje się działać, ale wielokrotne deklarowanie "struktury var" wydaje się akward) każdy czyściciel rozwiązania?