Global scope elérése (ECMAScript feladvány)

presidento · 2010. Aug. 13. (P), 09.32

Azt mondják, a JavaScripttel az (az egyik) baj, hogy a globális változók használatát nem csak engedélyezi, hanem szinte kikényszeríti. Szerencsére nagy változást hozott ebben a tavaly decemberben elfogadott ECMAScript 5.

A kérdés: hogyan érhetjük el a kódon belül bárhonnan a globális scope-ot, avagy mit írjunk a megjegyzés helyére:

var globalScope = /* ... */;

var globalScope = /* ... */;

Sajnálatos tapasztalat, hogy a legtöbb helyen (és sok keretrendszerben) szimplán window szerepel itt, ami ugye, több okból is aggályos:

a window elfedhető egy hasonló nevű lokális változóval
a window nem minden környezetben létezik (lásd: WebWorker, Server Side JS)

Figyelem: olyan kódot szeretnénk, ami tetszőleges szabványkövető ES5 környezetben a globális scope-ot adja meg (tehát strict módban is működnie kell).

Két különböző megoldás van.

■

csirip

Talán…

Adam · 2010. Aug. 13. (P), 10.26

Hirtelen nem jut más eszembe, csak a self vagy a content. De nem vagyok benne biztos, hogy ezek nem DOM-ban vannak csak.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

geval

Török Gábor · 2010. Aug. 13. (P), 10.51

David Flanagan fóliái alapján ezzel versenyzem:

"use strict";
var globalScope = (function () {
var geval = eval;
return geval('this');
})();
globalScope === this; // true


"use strict";

var globalScope = (function () {
    var geval = eval;
    return geval('this');
})();

globalScope === this; // true

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Ez az egyik

presidento · 2010. Aug. 13. (P), 12.15

Igen, ez az egyik megoldás: az indirekt eval használata.
Lehet egy sorban is:

var globalScope = (0,eval)('this');

var globalScope = (0,eval)('this');

A hozzászóláshoz regisztráció és belépés szükséges
új téma

(0, eval) notation

Török Gábor · 2010. Aug. 13. (P), 12.27

Ez a (0, eval) jelölés zseniális.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Szabad-e kérdezni?

Kevlar · 2010. Aug. 13. (P), 13.34

Gábor verzióját értem. De ez a forma nekem magas. Van ehhez vmi link, leírás, ilyesmi?

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Ha van egy lista kifejezésed,

Török Gábor · 2010. Aug. 13. (P), 14.01

Ha van egy lista kifejezésed, akkor annak az utolsó kifejezése lesz a visszatérési érték.

0; // 0
0, 1; // 1
0, eval; // Function


0; // 0
0, 1; // 1
0, eval; // Function

A 0, eval tehát az eval-lal tér vissza (indirekten hivatkozunk rá). Az így kapott függvényreferenciát hívjuk meg a 'this' argumentummal.

(0, eval)('this'); // Object


(0, eval)('this'); // Object

Két lépésben:

var geval = (0, eval);
geval('this'); // Object


var geval = (0, eval);
geval('this'); // Object

Ez utóbbi formulánál nincs szükség a 0, eval jelölésre, elég volna a geval = eval, közvetlen hívásnál viszont máskülönben nem teljesülne az indirekt hívás. A 0 helyett gyakorlatilag bármilyen kifejezés írható, sőt, tetszőleges elem felsorolható a kifejezésbe.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Világos

Kevlar · 2010. Aug. 13. (P), 15.14

Köszönöm szépen!
A lista eme tulajdonságát nem ismertem.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Perl

Ustak · 2010. Aug. 14. (Szo), 20.32

jut az eszembe erről... Ez mindig benne volt a js-ben, és ideje lenne utánanéznem dolgoknak?
Üdv:
Gábor

A hozzászóláshoz regisztráció és belépés szükséges
új téma

1999

Joó Ádám · 2010. Aug. 14. (Szo), 22.11

1999-ben jelent meg az utolsó ECMAScript kiadás.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Zsír!

Ustak · 2010. Aug. 14. (Szo), 23.18

:-)

Azért itt más dátumot látok:
Ecma-262
Üdv:
Gábor

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Kontextus

Joó Ádám · 2010. Aug. 15. (V), 01.30

Nyilván a kérdéses szintakszis szempontjából szóba jöhető kiadásokról beszéltem.

Egyébként semmi perles nincs benne, a C-ben is pont így működik a vessző operátor, ’72 óta. (Előzményéről nem tudok, sem BCPL-ben, sem Fortranban, sem Algolban.)

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Szokás

Poetro · 2010. Aug. 13. (P), 13.02

Ahogy én szoktam csinálni, az a következő:

(function ($, window, document) {
// Itt lehet küzdeni, a window néve alatt elérhető a global scope,
// akár milyen rendszer alatt, legyen az akár node.js vagy más.
})(jQuery, this, this.document);

(function ($, window, document) {
  // Itt lehet küzdeni, a window néve alatt elérhető a global scope,
  // akár milyen rendszer alatt, legyen az akár node.js vagy más.
})(jQuery, this, this.document);

A hozzászóláshoz regisztráció és belépés szükséges
új téma

„a kódon belül bárhonnan”

Török Gábor · 2010. Aug. 13. (P), 13.15

Ha jól értettem, akkor olyan megoldást vár Máté, ami mesterségesen beállított környezettől függetlenül képes hivatkozni a globális objektumra. Amúgy valóban ez egy pratikusan jó módszer. Kiegészítve az undefineddal, tökéletes.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Nekem nem tetszik

presidento · 2010. Aug. 14. (Szo), 10.50

Sajnos nem jó a megoldása: a külső függvény argumentumaiban a „this” strict módban nem a global scope-ra mutat, így a window undefined (vagy az éppen beállított this) lesz.

Praktikusan jó a megoldás, viszont hivatkozik Node.js-re, de ott nincsen sem window, sem [window.]document (de még böngészőben sem feltétlenül, lásd Web Worker). Szerintem célszerű a dolgokat a nevükön nevezni: ha a global scope kell, akkor ne window-nak hívjuk.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

+1

inf · 2010. Aug. 15. (V), 14.08

Én is window-al szoktam elérni. Amíg ez nem változik meg a böngészőknél, addig minek használjak mást feleslegesen?

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Web Worker

Török Gábor · 2010. Aug. 16. (H), 12.01

Pont eggyel feljebb említi Máté, hogy böngészőben sem egyértelmű a helyzet, lásd a Web Workereket, ahol nincs window. Másfelől ha a szerver oldali kód is JS, újrafelhasználható komponensek írásához nem hard-code-olhatod a window-t.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Hát nálam ezek speciális

inf · 2010. Aug. 16. (H), 13.10

Hát nálam ezek speciális esetnek számítanak, de igazad van. :-)

A hozzászóláshoz regisztráció és belépés szükséges
új téma

.call(null)

Adam · 2010. Aug. 13. (P), 14.44

Nicholas C. Zakas cikke alapján ez a másik megoldás lehet:

var globalScope = (function()
{
return this;
})();


var globalScope = (function()
{
    return this;
})();

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Nem jó

Török Gábor · 2010. Aug. 13. (P), 17.06

Nem, ebben az esetben ECMASCript 5 alapján undefined értéket kap a this. BESEN-nel tesztelhetők a példák.

A kódod amúgy pont annak példája, amivel megállapítható, hogy a strict mode támogatott-e.

var hasstrict = (function() {
"use strict";
return !this;
}());


var hasstrict = (function() {
    "use strict";
    return !this;
}());

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Második megoldás

Török Gábor · 2010. Aug. 15. (V), 10.35

Nem írtad, hogy meddig várod a megfejtéseket. A másik megoldáshoz tudsz adni fogodzkodót?

A hozzászóláshoz regisztráció és belépés szükséges
új téma

jó a kérdés

presidento · 2010. Aug. 15. (V), 23.03

Szia, köszönöm a kérdést, örülök, hogy foglalkoztat.

ECMAScript 5 esetén a strict módban a this-ből nem lesz automatikusan global scope, így a kérdést úgy fogalmazhatnám meg másképpen, hogy hogyan lehet egy strict kódon belül nem strict módba jutni?

Remélem, segített.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Function konstruktor

Török Gábor · 2010. Aug. 16. (H), 11.55

Another important point to notice, that functions created via the Function constructor do not inherit the strictness from the surrounding context. (Forrás: ECMA-262-5 in detail. Chapter 2. Strict Mode.)

"use strict";
var globalScope = Function('return this')();
globalScope === this; // true


"use strict";

var globalScope = Function('return this')();
globalScope === this; // true

A hozzászóláshoz regisztráció és belépés szükséges
új téma

nyertél

presidento · 2010. Aug. 16. (H), 12.24

Így, ahogy írod, a másik megoldás a függvény konstruktor használata. Gratulálok! :)

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Az miért nem jó, hogy

inf · 2010. Aug. 16. (H), 20.48

Az miért nem jó, hogy szimplán lementjük a global scope-ot valahová?

Mondjuk:

"use strict";
Object.prototype.globals=this;


"use strict";
Object.prototype.globals=this;

A hozzászóláshoz regisztráció és belépés szükséges
új téma

mert nem ez volt a

Tyrael · 2010. Aug. 16. (H), 23.38

mert nem ez volt a feladat?

Tyrael

A hozzászóláshoz regisztráció és belépés szükséges
új téma

ok.

inf · 2010. Aug. 17. (K), 00.42

ok.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Weblabor

Keresés