Есть ли константы в JavaScript?

вы пытаетесь защитить переменные от изменения? Если да, то вы можете использовать шаблон модуля:

var CONFIG = (function() {
     var private = {
         'MY_CONST': '1',
         'ANOTHER_CONST': '2'
     };

     return {
        get: function(name) { return private[name]; }
    };
})();

alert('MY_CONST: ' + CONFIG.get('MY_CONST'));  // 1

CONFIG.MY_CONST = '2';
alert('MY_CONST: ' + CONFIG.get('MY_CONST'));  // 1

CONFIG.private.MY_CONST = '2';                 // error
alert('MY_CONST: ' + CONFIG.get('MY_CONST'));  // 1

используя этот подход, значения не могут быть изменены. Но вы должны использовать метод get () в CONFIG :(.

Если вам не нужно строго защищать значение переменных, просто сделайте так, как предложено, и используйте соглашение всех шапок.

на const ключевое слово в проект ECMAScript 6 но до сих пор он пользуется только небольшой поддержкой браузера:http://kangax.github.io/compat-table/es6/. Синтаксис:

const CONSTANT_NAME = 0;

"use strict";

var constants = Object.freeze({
    "π": 3.141592653589793 ,
    "e": 2.718281828459045 ,
    "i": Math.sqrt(-1)
});

constants.π;        // -> 3.141592653589793
constants.π = 3;    // -> TypeError: Cannot assign to read only property 'π' …
constants.π;        // -> 3.141592653589793

delete constants.π; // -> TypeError: Unable to delete property.
constants.π;        // -> 3.141592653589793

посмотреть использовать const если вы хотите сделать constants ссылка только для чтения, а также.

IE поддерживает константы, вроде, например:

<script language="VBScript">
 Const IE_CONST = True
</script>
<script type="text/javascript">
 if (typeof TEST_CONST == 'undefined') {
    const IE_CONST = false;
 }
 alert(IE_CONST);
</script>

ECMAScript 5 вводит Object.defineProperty:

Object.defineProperty (window,'CONSTANT',{ value : 5, writable: false });

Это поддержала в каждом современном браузере (а также IE ≥ 9).

Читайте также:

нет, не в целом. В Firefox, реализующий const но я знаю, что IE не.

@John указывает на распространенную практику именования для const, которая использовалась в течение многих лет на других языках, я не вижу причин, по которым вы не могли бы использовать это. Конечно, это не означает, что кто-то не будет записывать значение переменной в любом случае. :)

Mozillas MDN Web Docs содержат хорошие примеры и объяснения о const. Отрывок:

// define MY_FAV as a constant and give it the value 7
const MY_FAV = 7;

// this will throw an error - Uncaught TypeError: Assignment to constant variable.
MY_FAV = 20;

но грустно, что IE9 / 10 по-прежнему не поддерживает const. И причина этого абсурд:

Итак, что IE9 делает с const? Так далеко, наше решение было не поддерживать ее. Это еще не консенсус функция не была доступна во всех браузерах.

...

в конце концов, это кажется лучшим долгосрочное решение для сети оставь это и жди. процессы стандартизации для запуска их курс.

они не реализуют его, потому что другие браузеры не реализовали его правильно?! Слишком боишься сделать лучше? Стандарты определения или нет, константа-это константа: устанавливается один раз, никогда не изменяется.

и ко всем идеям: каждая функция может быть перезаписана (XSS и т. д.). Так что разницы нет. в var или function(){return}. const - единственная реальная константа.

обновление: ИЕ11 поддерживает const:

IE11 включает в себя поддержку четко определенных и часто используемых функций нового стандарта ECMAScript 6, включая let,const, Map, Set и WeakMap, а также __proto__ для улучшения взаимодействия.

в JavaScript, я предпочитаю использовать функции для получения значений констант.

function MY_CONSTANT() {
   return "some-value";
}


alert(MY_CONSTANT());

Если вы не возражаете против использования функции:

var constant = function(val) {
   return function() {
        return val;
    }
}

этот подход дает вам функции, вместо обычных переменных, но гарантии^* что никто не может изменить значение после его установки.

a = constant(10);

a(); // 10

b = constant(20);

b(); // 20

Я лично нахожу это довольно приятным, особенно после того, как привык к этому шаблону из наблюдаемых нокаутом.

^{_{* если кто-то не переопределил функцию constant прежде чем вы назвали его}}

С" новым " API объекта вы можете сделать что-то вроде этого:

var obj = {};
Object.defineProperty(obj, 'CONSTANT', {
  configurable: false
  enumerable: true,
  writable: false,
  value: "your constant value"
});

посмотри этой на Mozilla MDN для более подробной информации. Это не переменная первого уровня, поскольку она прикреплена к объекту, но если у вас есть область, что угодно, вы можете прикрепить ее к этому. this он должен работать. Так, например, это в глобальной области объявит псевдо-постоянное значение в окне (что действительно плохая идея, вы не должны объявлять глобальные vars небрежно)

Object.defineProperty(this, 'constant', {
  enumerable: true, 
  writable: false, 
  value: 7, 
  configurable: false
});

> constant
=> 7
> constant = 5
=> 7

Примечание: назначения вернет присвоенное значение в консоли, но значение переменной не изменится

групповые константы в структуры, где это возможно:

пример, в моем текущем игровом проекте я использовал ниже:

var CONST_WILD_TYPES = {
    REGULAR: 'REGULAR',
    EXPANDING: 'EXPANDING',
    STICKY: 'STICKY',
    SHIFTING: 'SHIFTING'
};

назначение:

var wildType = CONST_WILD_TYPES.REGULAR;

сравнение:

if (wildType === CONST_WILD_TYPES.REGULAR) {
    // do something here
}

в последнее время я использую для сравнения:

switch (wildType) {
    case CONST_WILD_TYPES.REGULAR:
        // do something here
        break;
    case CONST_WILD_TYPES.EXPANDING:
        // do something here
        break;
}

IE11 с новым стандартом ES6, который имеет объявление "const".
Вышеуказанных работ в более ранние браузеры, такие как ИЕ8, ИЕ9 & в IE10.

вы можете легко оборудовать свой скрипт механизмом для констант, которые могут быть установлены, но не изменены. Попытка изменить их приведет к ошибке.

/* author Keith Evetts 2009 License: LGPL  
anonymous function sets up:  
global function SETCONST (String name, mixed value)  
global function CONST (String name)  
constants once set may not be altered - console error is generated  
they are retrieved as CONST(name)  
the object holding the constants is private and cannot be accessed from the outer script directly, only through the setter and getter provided  
*/

(function(){  
  var constants = {};  
  self.SETCONST = function(name,value) {  
      if (typeof name !== 'string') { throw new Error('constant name is not a string'); }  
      if (!value) { throw new Error(' no value supplied for constant ' + name); }  
      else if ((name in constants) ) { throw new Error('constant ' + name + ' is already defined'); }   
      else {   
          constants[name] = value;   
          return true;  
    }    
  };  
  self.CONST = function(name) {  
      if (typeof name !== 'string') { throw new Error('constant name is not a string'); }  
      if ( name in constants ) { return constants[name]; }    
      else { throw new Error('constant ' + name + ' has not been defined'); }  
  };  
}())  


// -------------  demo ----------------------------  
SETCONST( 'VAT', 0.175 );  
alert( CONST('VAT') );


//try to alter the value of VAT  
try{  
  SETCONST( 'VAT', 0.22 );  
} catch ( exc )  {  
   alert (exc.message);  
}  
//check old value of VAT remains  
alert( CONST('VAT') );  


// try to get at constants object directly  
constants['DODO'] = "dead bird";  // error  

забудьте IE и используйте const ключевое слово.

но нет точного кросс-браузера предопределенного способа сделать это, вы можете достичь этого, контролируя область переменных, как показано на других ответах.

но я предложу использовать пространство имен для отличия от других переменных. это уменьшит вероятность столкновения до минимума от других переменных.

правильное пространство имен, как

var iw_constant={
     name:'sudhanshu',
     age:'23'
     //all varibale come like this
}

так что при использовании он будет iw_constant.name или iw_constant.age

вы также можете заблокировать добавление новых ключей или изменение любого ключа внутри iw_constant с помощью Object.метод замораживания. Однако его не поддерживается в устаревшем браузере.

ex:

Object.freeze(iw_constant);

для более старого браузера вы можете использовать polyfill метод замораживания.

если вы в порядке с вызывающей функцией, то лучший способ кросс-браузера определить константу. Определение области объекта в самоисполняющейся функции и возврат функции get для констант ex:

var iw_constant= (function(){
       var allConstant={
             name:'sudhanshu',
             age:'23'
             //all varibale come like this

       };

       return function(key){
          allConstant[key];
       }
    };

//чтобы получить использование значения iw_constant('name') или iw_constant('age')

** в обоих примерах вы должны быть очень осторожны с интервалом между именами, чтобы ваш объект или функция не заменялись через другую библиотеку.(Если объект или сама функция будут заменены, вся ваша константа пойдет)

некоторое время я указывал "константы" (которые все еще не были константами) в объектных литералах, прошедших через with() заявления. Я думала, что это так умно. Вот пример:

with ({
    MY_CONST : 'some really important value'
}) {
    alert(MY_CONST);
}

в прошлом, я также создал CONST пространство имен, где я бы поместил все мои константы. Опять же, с накладными. Шиш.

теперь, я просто делаю var MY_CONST = 'whatever'; to поцелуй.

мое мнение (работает только с предметами).

var constants = (function(){
  var a = 9;

  //GLOBAL CONSTANT (through "return")
  window.__defineGetter__("GCONST", function(){
    return a;
  });

  //LOCAL CONSTANT
  return {
    get CONST(){
      return a;
    }
  }
})();

constants.CONST = 8; //9
alert(constants.CONST); //9

попробовать! Но поймите-это объект, а не простая переменная.

попробуйте также просто:

const a = 9;

У меня тоже была проблема с этим. И после довольно долгого поиска ответа и просмотра всех ответов, я думаю,что я нашел жизнеспособное решение этого.

Кажется, что большинство ответов, с которыми я столкнулся, используют функции для хранения констант. Как многие из пользователей многих форумов публикуют о, функции могут быть легко написаны пользователями на стороне клиента. Меня заинтриговал ответ кита Эветтса, что константы возражают не может быть доступен снаружи, но только из функций внутри.

поэтому я придумал такое решение:

поставить все внутри анонимной функции таким образом, переменные, объекты и т. д. не может быть изменено клиентской стороной. Также скройте "реальные" функции, имея другие функции, вызывающие "реальные" функции изнутри. Я также подумал об использовании функций, чтобы проверить, была ли функция изменена пользователем на стороне клиента. Если функции имеют были изменены, измените их обратно, используя переменные, которые "защищены" внутри и не могут быть изменены.

/*Tested in: IE 9.0.8; Firefox 14.0.1; Chrome 20.0.1180.60 m; Not Tested in Safari*/

(function(){
  /*The two functions _define and _access are from Keith Evetts 2009 License: LGPL (SETCONST and CONST).
    They're the same just as he did them, the only things I changed are the variable names and the text
    of the error messages.
  */

  //object literal to hold the constants
  var j = {};

  /*Global function _define(String h, mixed m). I named it define to mimic the way PHP 'defines' constants.
    The argument 'h' is the name of the const and has to be a string, 'm' is the value of the const and has
    to exist. If there is already a property with the same name in the object holder, then we throw an error.
    If not, we add the property and set the value to it. This is a 'hidden' function and the user doesn't
    see any of your coding call this function. You call the _makeDef() in your code and that function calls
    this function.    -    You can change the error messages to whatever you want them to say.
  */
  self._define = function(h,m) {
      if (typeof h !== 'string') { throw new Error('I don\'t know what to do.'); }
      if (!m) { throw new Error('I don\'t know what to do.'); }
      else if ((h in j) ) { throw new Error('We have a problem!'); }
      else {
          j[h] = m;
          return true;
    }
  };

  /*Global function _makeDef(String t, mixed y). I named it makeDef because we 'make the define' with this
    function. The argument 't' is the name of the const and doesn't need to be all caps because I set it
    to upper case within the function, 'y' is the value of the value of the const and has to exist. I
    make different variables to make it harder for a user to figure out whats going on. We then call the
    _define function with the two new variables. You call this function in your code to set the constant.
    You can change the error message to whatever you want it to say.
  */
  self._makeDef = function(t, y) {
      if(!y) { throw new Error('I don\'t know what to do.'); return false; }
      q = t.toUpperCase();
      w = y;
      _define(q, w);
  };

  /*Global function _getDef(String s). I named it getDef because we 'get the define' with this function. The
    argument 's' is the name of the const and doesn't need to be all capse because I set it to upper case
    within the function. I make a different variable to make it harder for a user to figure out whats going
    on. The function returns the _access function call. I pass the new variable and the original string
    along to the _access function. I do this because if a user is trying to get the value of something, if
    there is an error the argument doesn't get displayed with upper case in the error message. You call this
    function in your code to get the constant.
  */
  self._getDef = function(s) {
      z = s.toUpperCase();
      return _access(z, s);
  };

  /*Global function _access(String g, String f). I named it access because we 'access' the constant through
    this function. The argument 'g' is the name of the const and its all upper case, 'f' is also the name
    of the const, but its the original string that was passed to the _getDef() function. If there is an
    error, the original string, 'f', is displayed. This makes it harder for a user to figure out how the
    constants are being stored. If there is a property with the same name in the object holder, we return
    the constant value. If not, we check if the 'f' variable exists, if not, set it to the value of 'g' and
    throw an error. This is a 'hidden' function and the user doesn't see any of your coding call this
    function. You call the _getDef() function in your code and that function calls this function.
    You can change the error messages to whatever you want them to say.
  */
  self._access = function(g, f) {
      if (typeof g !== 'string') { throw new Error('I don\'t know what to do.'); }
      if ( g in j ) { return j[g]; }
      else { if(!f) { f = g; } throw new Error('I don\'t know what to do. I have no idea what \''+f+'\' is.'); }
  };

  /*The four variables below are private and cannot be accessed from the outside script except for the
    functions inside this anonymous function. These variables are strings of the four above functions and
    will be used by the all-dreaded eval() function to set them back to their original if any of them should
    be changed by a user trying to hack your code.
  */
  var _define_func_string = "function(h,m) {"+"      if (typeof h !== 'string') { throw new Error('I don\'t know what to do.'); }"+"      if (!m) { throw new Error('I don\'t know what to do.'); }"+"      else if ((h in j) ) { throw new Error('We have a problem!'); }"+"      else {"+"          j[h] = m;"+"          return true;"+"    }"+"  }";
  var _makeDef_func_string = "function(t, y) {"+"      if(!y) { throw new Error('I don\'t know what to do.'); return false; }"+"      q = t.toUpperCase();"+"      w = y;"+"      _define(q, w);"+"  }";
  var _getDef_func_string = "function(s) {"+"      z = s.toUpperCase();"+"      return _access(z, s);"+"  }";
  var _access_func_string = "function(g, f) {"+"      if (typeof g !== 'string') { throw new Error('I don\'t know what to do.'); }"+"      if ( g in j ) { return j[g]; }"+"      else { if(!f) { f = g; } throw new Error('I don\'t know what to do. I have no idea what \''+f+'\' is.'); }"+"  }";

  /*Global function _doFunctionCheck(String u). I named it doFunctionCheck because we're 'checking the functions'
    The argument 'u' is the name of any of the four above function names you want to check. This function will
    check if a specific line of code is inside a given function. If it is, then we do nothing, if not, then
    we use the eval() function to set the function back to its original coding using the function string
    variables above. This function will also throw an error depending upon the doError variable being set to true
    This is a 'hidden' function and the user doesn't see any of your coding call this function. You call the
    doCodeCheck() function and that function calls this function.    -    You can change the error messages to
    whatever you want them to say.
  */
  self._doFunctionCheck = function(u) {
      var errMsg = 'We have a BIG problem! You\'ve changed my code.';
      var doError = true;
      d = u;
      switch(d.toLowerCase())
      {
           case "_getdef":
               if(_getDef.toString().indexOf("z = s.toUpperCase();") != -1) { /*do nothing*/ }
               else { eval("_getDef = "+_getDef_func_string); if(doError === true) { throw new Error(errMsg); } }
               break;
           case "_makedef":
               if(_makeDef.toString().indexOf("q = t.toUpperCase();") != -1) { /*do nothing*/ }
               else { eval("_makeDef = "+_makeDef_func_string); if(doError === true) { throw new Error(errMsg); } }
               break;
           case "_define":
               if(_define.toString().indexOf("else if((h in j) ) {") != -1) { /*do nothing*/ }
               else { eval("_define = "+_define_func_string); if(doError === true) { throw new Error(errMsg); } }
               break;
           case "_access":
               if(_access.toString().indexOf("else { if(!f) { f = g; }") != -1) { /*do nothing*/ }
               else { eval("_access = "+_access_func_string); if(doError === true) { throw new Error(errMsg); } }
               break;
           default:
                if(doError === true) { throw new Error('I don\'t know what to do.'); }
      }
  };

  /*Global function _doCodeCheck(String v). I named it doCodeCheck because we're 'doing a code check'. The argument
    'v' is the name of one of the first four functions in this script that you want to check. I make a different
    variable to make it harder for a user to figure out whats going on. You call this function in your code to check
    if any of the functions has been changed by the user.
  */
  self._doCodeCheck = function(v) {
      l = v;
      _doFunctionCheck(l);
  };
}())

также кажется, что безопасность действительно проблема, и нет способа "скрыть" вас Программирование со стороны клиента. Хорошая идея для меня-сжать ваш код так, чтобы его было действительно трудно прочитать и понять любому, включая вас, программиста. Есть сайт, на который можно зайти:http://javascriptcompressor.com/. (Это не мой сайт, не волнуйся, я не рекламирую.) Это сайт, который позволит вам сжимать и запутывать код Javascript бесплатно.

1. скопируйте весь код в вышеуказанном скрипте и вставьте его в верхнюю текстовую область на javascriptcompressor.com Пейдж.
2. установите флажок кодировать Base62, установите флажок сжимать переменные.
3. Нажмите кнопку сжатия.
4. вставить и сохранить все это в себя .JS файл и добавить его на свою страницу в страница.

ясно, что это показывает необходимость стандартизированного кросс-браузерного ключевого слова const.

но:

var myconst = value;

или

Object['myconst'] = value;

оба кажутся достаточными, и все остальное похоже на стрельбу в муху с базукой.

Я использую const вместо var в моих скриптов Greasemonkey, но это потому, что они будут работать только на Firefox...
Конвенция имени может быть действительно способом пойти тоже (я делаю и то, и другое!).

в JavaScript моя практика заключалась в том, чтобы избегать констант столько, сколько я могу, и вместо этого использовать строки. Проблемы с константами появляются, когда вы хотите выставить свои константы окружающего мира:

например, можно реализовать следующий API даты:

date.add(5, MyModule.Date.DAY).add(12, MyModule.Date.HOUR)

но гораздо короче и естественнее просто написать:

date.add(5, "days").add(12, "hours")

таким образом, " дни "и" часы " действительно действуют как константы, потому что вы не можете изменить извне, сколько секунд "часы" представляет. Но это легко переписать MyModule.Date.HOUR.

такой подход также поможет в отладке. Если Firebug говорит вам action === 18 довольно трудно понять, что это значит, но когда вы видите action === "save" тогда это сразу понятно.

хорошо, это уродливо, но это дает мне константу в Firefox и Chromium, непостоянную константу (WTF?) в Safari и Opera, и переменная в IE.

конечно eval () - это зло, но без него IE выдает ошибку, препятствуя запуску скриптов.

Safari и Opera поддерживают ключевое слово const, а вы можете изменить значение const.

в этом примере серверный код записывает JavaScript на страницу, заменяя {0} на значение.

try{
    // i can haz const?
    eval("const FOO='{0}';");
    // for reals?
    var original=FOO;
    try{
        FOO='?NO!';
    }catch(err1){
        // no err from Firefox/Chrome - fails silently
        alert('err1 '+err1);
    }
    alert('const '+FOO);
    if(FOO=='?NO!'){
        // changed in Sf/Op - set back to original value
        FOO=original;
    }
}catch(err2){
    // IE fail
    alert('err2 '+err2);
    // set var (no var keyword - Chrome/Firefox complain about redefining const)
    FOO='{0}';
    alert('var '+FOO);
}
alert('FOO '+FOO);

для чего это нужно? Не много, так как это не кросс-браузер. В лучшем случае, может быть, немного спокойствия ума, что по крайней мере некоторые браузеры не позволю букмарклеты или стороннего скрипта изменить значение.

протестировано с Firefox 2, 3, 3.6, 4, Iron 8, Chrome 10, 12, Opera 11, Safari 5, IE 6, 9.

Если стоит упомянуть, вы можете определить константы в угловое используя $provide.constant()

angularApp.constant('YOUR_CONSTANT', 'value');

улучшенная версия Берка!--5--> это позволяет вам сделать CONFIG.MY_CONST вместо CONFIG.get('MY_CONST').

для этого требуется IE9+ или настоящий веб-браузер.

var CONFIG = (function() {
    var constants = {
        'MY_CONST': 1,
        'ANOTHER_CONST': 2
    };

    var result = {};
    for (var n in constants)
        if (constants.hasOwnProperty(n))
            Object.defineProperty(result, n, { value: constants[n] });

    return result;
}());

_{* свойства доступны только для чтения, только если исходные значения неизменяемы.}

JavaScript ES6 (re-)представил const ключевое слово который поддерживается в все основные браузеры.

переменные, объявленные через const невозможно повторно объявить или назначить.

кроме того, const подобно let.

он ведет себя так, как ожидалось для примитивных типов данных (Boolean, Null, Undefined, Number, String, Символ):

const x = 1;
x = 2;
console.log(x); // 1 ...as expected, re-assigning fails

внимание: имейте в виду подводные камни в отношении объектов:

const o = {x: 1};
o = {x: 2};
console.log(o); // {x: 1} ...as expected, re-assigning fails

o.x = 2;
console.log(o); // {x: 2} !!! const does not make objects immutable!

const a = [];
a = [1];
console.log(a); // 1 ...as expected, re-assigning fails

a.push(1);
console.log(a); // [1] !!! const does not make objects immutable

Если вам действительно нужен неизменяемый и абсолютно постоянный объект: просто используйте const ALL_CAPS чтобы сделать ваши намерения ясны. Это хорошая конвенция, чтобы следовать для всех const объявления в любом случае, так что просто полагайтесь на него.

Другой альтернативой является что-то вроде:

var constants = {
      MY_CONSTANT : "myconstant",
      SOMETHING_ELSE : 123
    }
  , constantMap = new function ConstantMap() {};

for(var c in constants) {
  !function(cKey) {
    Object.defineProperty(constantMap, cKey, {
      enumerable : true,
      get : function(name) { return constants[cKey]; }
    })
  }(c);
}

потом просто: var foo = constantMap.MY_CONSTANT

если вы constantMap.MY_CONSTANT = "bar" это не будет иметь никакого эффекта, поскольку мы пытаемся использовать оператор присваивания с геттером, следовательно constantMap.MY_CONSTANT === "myconstant" останется верным.

в Javascript уже существует константы. Вы определяете константу следующим образом:

const name1 = value;

это не может измениться через переназначение.

ключевое слово "const" было предложено ранее, и теперь оно официально включено в ES6. Используя ключевое слово const, вы можете передать значение / строку, которая будет действовать как неизменяемая строка.

введение констант в JavaScript в лучшем случае является взломом.

хорошим способом сделать постоянные и глобально доступные значения в JavaScript было бы объявление литерала объекта с некоторыми свойствами "только для чтения", такими как:

            my={get constant1(){return "constant 1"},
                get constant2(){return "constant 2"},
                get constant3(){return "constant 3"},
                get constantN(){return "constant N"}
                }

у вас будут все ваши константы, сгруппированные в одном "моем" вспомогательном объекте, где вы можете искать свои сохраненные значения или что-нибудь еще, что вы, возможно, решили поместить туда. Теперь давайте проверим, работает ли это:

           my.constant1; >> "constant 1" 
           my.constant1 = "new constant 1";
           my.constant1; >> "constant 1" 

Как мы видим, "мой.свойство "constant1" сохранило свое первоначальное значение. Вы сделали себе "зеленые" временные константы...

но, конечно, это только защитит вас от случайного изменения, изменения, аннулирования или опорожнения вашего постоянного значения свойства с прямым доступом, как в данном примере.

в противном случае я все еще думаю, что константы для чайников. И я все еще думаю, что обмен вашей великой свободы маленький уголок обманчивой безопасности-худшая из возможных сделок.

Rhino.js осуществляет const в дополнение к тому, что было сказано выше.