JavaScrip关于创建常量的知识点

2024-12-10 10:21:46

本文通过JS中创建常量的定义用法以及函数写法中常见的错误进行深入分析，希望对大家有所用处：

所谓常量即只能读取不能编辑（删除，修改）的变量。

js并没有原始的常量说法（即自定义的，原生态的），但是可以用一些偏僻的路子去创建。

1：const es6中的声明关键词。

上面声明了两个变量，当执行修改操作时就将报错。从某种程度上来说，const是可以创建变量（基本类型）的。但是对引用类型就捉襟见肘。

当声明的变量是一个引用类型时即对象，对对象的操作（删除，修改，添加）都是可以进行的。

2：Object 方法（defineProperty,seal,freeze）实现

1) Object.defineProperty: 该方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。　　

采用上述方法之后后续对a的修改功能就失效了，虽然修改功能不能正常执行，但是删除功能却还是可以照常进行。

删除之后继续添加a属性时，a又变成可改的了。上述只是将a属性的可写属性改了，还有一个configurable属性可以进行设置。writable属性只是将对应的属性变更为不可直接更改，但是可以走小路（先删除在添加）。

到此属性a就算定下来了，及不能修改，也不能删除。

但是，新的风暴有出现了。。。a虽然定下来了，但对于TEST_D这个变量来说，还没有结束。。。

虽然属性a不能变动了，但是并不影响对其他属性的操作，比如b,s,u啊的，当然针对这些属性也可以像上述方式一样将其余属性的描述符，但是还是不能解决对TEST_D的扩展。

2） Object.preventExtensions: 该方法让一个对象变的不可扩展，也就是永远不能再添加新的属性。查看详情

通过该方法就可以将对象设置为不可扩展了，即不可添加新属性了，这样这个变量就不能被修改了。

3）Object.seal：让一个对象密封并返回被密封之后的对象，新对象将变得不可扩展，即不能添加新的属性但是可以修改原本可写状态的属性

利用上述两种方法循环使用是可以去创建常量的，但是比较复杂，而且当对象比较大的时候，代码量会比较大。Object.seal()可以简化这个过程。这个方法可以将对象变得不可扩展，属性不可删除。在此基础上在将对象的所有属性的描述符writable改为false就能得到我们要的变量了，即所谓常量。

4） Object.freeze: 该方法可以冻结一个对象，冻结指的是不能向这个对象添加新的属性，不能修改其已有属性的值，不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。也就是说，这个对象永远是不可变的。该方法返回被冻结的对象。

Object.freeze方法是在seal基础上在将所有属性的描述符writable改为false。

但是当变量的属性值又为对象时,及下列情况：

对于user属性而言，他的值是还是可以更改的，这个时候就得对他也进行冻结。

/**
 *
 *
 * @param {any} obj
 */
function freezeObj(obj) {
 Object.freeze(obj);
 Object.keys(obj).forEach(key => {
 if (typeof obj[key] === 'object') {
  freezeObj(obj[key])
 }
 })
}

即：当存在多重对象时，需要循环调用冻结方法。

3：闭包

const USER = (() => {
 const USER = {
 name: 'evening',
 gender: 'M'
 }
 return {
 get(name){
  return user[name]
 }
 }
})()
USER.get('name')

闭包用了比较隐秘的方法，将真正的对象原型保存在内存中而且不会被回收，变相的将USER这个变量‘保护'起来，并且提供访问的接口，但是不提供修改的接口。

在JavaScript里嵌入大量字符串常量的实现方法

数量少还好,多的话就密密麻麻的一坨文字,讲究美观的文艺青年们,会用大量的字符连接符号甚至加上缩进,强制换成好几行.例如: 复制代码代码如下: var html = '<div>' + '<p>Hello</p>' + '<p>World'</p>' + '</div>'; 这还好,要是字符串里有不少双引号单引号,那就更麻烦了,各种转义字符看的眼花缭乱. 其实有个不怎么起眼的小技巧,就能解决这个
JavaScript中全局变量、函数内变量以及常量表达式的效率测试

var r, s = "this is a very very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong string", x = /^\s+|\s+$/g; document.writeln("字符串测试 "); (function(){ document.write("全局->全局:"); var t = new Date(); for(
简单掌握JavaScript中const声明常量与变量的用法

ES6引入的第三个声明类关键词与let类似:const. 看一下用法: const c1 = 1; const c2 = {}; const c3 = []; Object.getOwnPropertyDescriptor(window,"c1") //Object {value: 1, writable: false, enumerable: true, configurable: false} 上面的例子说,不能在对c2进行赋值,但是可以改变c2的内容,因为c2是个对象,看例子:
详解JavaScript常量定义

相信同学们在看见这个标题的时候就一脸懵逼了,什么?JS能常量定义?别逗我好吗?确切的说,JS当中确实没有常量(ES6中好像有了常量定义的关键字),但是深入一下我们可以发现JS很多不为人知的性质,好好利用这些性质,就会发现一个不一样的JS世界. 首先,在JS当中,对象的属性其实还含有自己的隐含性质,比如下面对象: var obj = {}; obj.a = 1; obj.b = 2; 在这里我们定义了一个对象 obj ,并且定义了这个对象的两个属性 a . b ,我们可以修改这两个属性的值,可以用
JavaScript 未结束的字符串常量常见解决方法

1.JAVASCRIPT引用时,使用的字符语言不一致. 比如:<script type="text/javascript" src="xxx.js" charset="UTF-8″>. xxx.js文件内部使用的是GB2312的格式,外面调用使用的是UTF-8,所以文件内部部分特殊字符因为格式不一致,出现乱码,造成此原因. 改为charset="GBK"就可以了 2.JAVASCRIPT输出HTML字符时,前后标记不匹配.
IE6下出现JavaScript未结束的字符串常量错误的解决方法

里面提到"DOM是UTF-8的篇码,如果JS库不是分离的独立JS文件,而是包含在DOM里的,这个问题是不会出现的.然而分离的JS文件并不是UTF-8编码,被加库到UTF-8编码的DOM里,中文就出现了乱码,并影响到引号符,使浏览器无法判断字符串结束.解决变法很简单,JS文件另存为UTF-8编码格式即可. " 所以我修改了JavaScript的引用, <script type="text/javascript" src="**.js" cha
JavaScrip关于创建常量的知识点

本文通过JS中创建常量的定义用法以及函数写法中常见的错误进行深入分析,希望对大家有所用处: 所谓常量即只能读取不能编辑(删除,修改)的变量. js并没有原始的常量说法(即自定义的,原生态的),但是可以用一些偏僻的路子去创建. 1:const es6中的声明关键词. 上面声明了两个变量,当执行修改操作时就将报错.从某种程度上来说,const是可以创建变量(基本类型)的.但是对引用类型就捉襟见肘. 当声明的变量是一个引用类型时即对象,对对象的操作(删除,修改,添加)都是可以进行的. 2:Object
JS ES5创建常量详解

目录前言 ES 5 创建常量 Object.defineProperty 的基础用法创建常量常量居然可以修改值? 兼容性前言 ES6 刚推出的时候,let和const应该是大多数人学习ES6的第一个知识点. 其中const可以用来定义常量 ,将不需要改变的数据定义成一个常量. 但其实在ES6之前我们也是有办法定义常量的. ES 5 创建常量 Object.defineProperty 的基础用法在ES6之前是没有const的,如果需要定义常量,可以使用Object.definePro
Java常量池知识点总结

java常量池是一个经久不衰的话题,也是面试官的最爱,题目花样百出,这次好好总结一下. 理论先拙劣的表达一下jvm虚拟内存分布: 程序计数器是jvm执行程序的流水线,存放一些跳转指令,这个太高深,不懂. 本地方法栈是jvm调用操作系统方法所使用的栈. 虚拟机栈是jvm执行java代码所使用的栈. 方法区存放了一些常量.静态变量.类信息等,可以理解成class文件在内存中的存放位置. 虚拟机堆是jvm执行java代码所使用的堆. Java中的常量池,实际上分为两种形态:静态常量池和运行时常量池.
通过String.intern()方法浅谈堆中常量池

简介 String是我们最常用的一个类,和普通java类一样其对象会存在java堆中.但是String类有其特殊之处,可以通过new方法生成,也可以通过带引号的字符串常量直接赋值.在JDK7之前,字符串常量是存在永久带Perm 区的,JDK7开始在将常量池迁移到堆中,这个变化也导致了String的新特性,下面我们慢慢进行介绍. String.intern()方法简单的说,String.intern()方法的作用就是返回常量池中字符串对象,在对该方法进行详解之前,我们看几个创建字符串对象的例子.
超全面的Swift编码规范（推荐）

前言关于Swift的代码的相关规范,不同的开发者都有自己相应的规范,可能还是很多人根本就没有规范.为了保证同一个公司同一个项目组中代码美观并且一致,这里写下这份Swift编程规范指南.该指南首要目标是让代码紧凑,可读性更高且简洁. 代码格式使用四个空格进行缩进每行最多160个字符,这样可以避免一行过长(Xcode->Preferences->Text Editing->Page guide at column: 设置成160即可) 确保每个文件结尾都有空白行确保每行都不以空白符作
Swift 编程语言入门教程

原文地址:http://gashero.iteye.com/blog/2075324 目录 1 简介 2 Swift入门 3 简单值 4 控制流 5 函数与闭包 6 对象与类 7 枚举与结构 1 简介今天凌晨Apple刚刚发布了Swift编程语言,本文从其发布的书籍<The Swift Programming Language>中摘录和提取而成.希望对各位的iOS&OSX开发有所帮助. Swift是供iOS和OS X应用编程的新编程语言,基于C和Obj
理解Android中Activity的方法回调

为什么需要方法回调? 方法回调是功能定义和功能分离的一种手段,是一种松耦合的设计思想.在JAVA中回调是通过接口来实现的.作为一种系统架构,必须要有自己的运行环境,并且要提供用户的实现接口. 下面通过实例来模拟一下Android中Activity的方法回调思想. Activity接口复制代码代码如下: package com.xujing.test //定义接口 public interface Activity{ //创建时调用的方法 public void onC
详细解读Python中的__init__()方法

__init__()方法意义重大的原因有两个.第一个原因是在对象生命周期中初始化是最重要的一步:每个对象必须正确初始化后才能正常工作.第二个原因是__init__()参数值可以有多种形式. 因为有很多种方式为__init__()提供参数值,对于对象创建有大量的用例,我们可以看看其中的几个.我们想尽可能的弄清楚,因此我们需要定义一个初始化来正确的描述问题区域. 在我们接触__init__()方法之前,无论如何,我们都需要粗略.简单地看看在Python中隐含的object类的层次结构. 在这一章,我
《C++ primer plus》读书笔记(一)

第一章 1.预处理器--#include<iostream>将iostream文件内容添加到程序中.老式C头文件保留了扩展名.h,而C++头文件没有扩展名. (有些C头文件被转换为C++头文件,去掉扩展名,并在前面加c,如cmath) 2.名称空间--相当于Java中的package,using编译指令相当于Java中的import.头文件没有.h前缀时,类.函数和变量是C++编译器的标准组件,被放置在名称空间std中. 3.类的本质--类是用户定义的一种数据类型.类定义描述的是数据格式及其用
易语言实现快捷登录查询Q币消费记录的代码

常量数据表 .版本 2 .常量常量1, "<文本长度: 139>", , "accttype": "(.*?)"[\s\S]*?"balance": "(.*?)"[\s\S]*?"info": "(.*?)"[\s\S]*?"pay": "(.*?)"[\s\S]*?"save": "

JavaScrip关于创建常量的知识点

相关推荐

随机推荐