首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么 JS 中的对象字面量很酷

作者:Dmitri Pavlutin 译者:前端小智 来源:dmitripavlutin 在 ES6 之前,JS 中的对象字面量(也称为对象初始化器)是非常基础的。...不幸的是,字面量的局限性不允许用一个简单的解决方案来实现这一点。必须结合使用object.create() 和对象字面量来设置原型。...JS 是基于原型的,为什么要用原型创建对象那么麻烦? 幸运的是,JS 也在慢慢完善。JS 中很多令人沮丧的问题都是逐步解决的。...image.png 在对象字面量中只能使用__proto__一次,否则 JS 会报错: var object = { __proto__: { toString: function() {...此限制在很大程度上不影响对象字面量的声明方式。 由于语法较短,因此通常最好使用简写方法定义。 4.计算属性名 在 ES6 之前,对象初始化使用的是字面量的形式,通常是静态字符串。

1K10

JS学习系列 06 - 变量对象

上一节我们讨论了执行上下文,那么在上下文中到底有什么内容,为什么它会和作用域链扯上关系,JS 解释器又是怎么找到我们声明的函数和变量,看完这一节,相信大家就不会再迷惑了。...= { VO: { // 上下文数据 (vars, FD, arguments) } } 因为变量对象是一个抽象的概念,所以并不能通过变量对象的名称直接访问,但是却可以通过别的方法来间接访问变量对象...,例如在全局上下文环境的变量对象会有一个属性 window (DOM 中) 可以引用变量对象自身,全局上下文环境的另一个属性 this 也指向全局上下文环境的变量对象。...函数上下文中的变量对象 在函数上下文中,变量对象用活动对象 AO(Active Object)来表示。...代码是如何被处理的 在第1节中我们讲过js 代码的编译过程,其中有一步叫作预编译,是说在代码执行前的几微秒会首先对代码进行编译,形成词法作用域,然后执行。

7010
您找到你想要的搜索结果了吗?
是的
没有找到

JS学习系列 06 - 变量对象

上一节我们讨论了执行上下文,那么在上下文中到底有什么内容,为什么它会和作用域链扯上关系,JS 解释器又是怎么找到我们声明的函数和变量,看完这一节,相信大家就不会再迷惑了。...= { VO: { // 上下文数据 (vars, FD, arguments) } } 复制代码 因为变量对象是一个抽象的概念,所以并不能通过变量对象的名称直接访问,但是却可以通过别的方法来间接访问变量对象...,例如在全局上下文环境的变量对象会有一个属性 window (DOM 中) 可以引用变量对象自身,全局上下文环境的另一个属性 this 也指向全局上下文环境的变量对象。...函数上下文中的变量对象 在函数上下文中,变量对象用活动对象 AO(Active Object)来表示。...代码是如何被处理的 在第1节中我们讲过js 代码的编译过程,其中有一步叫作预编译,是说在代码执行前的几微秒会首先对代码进行编译,形成词法作用域,然后执行。

1.3K20

字面量,常量和变量之间的区别?

; // str 为变量,hello world!为字面量 看完这个例子,我相信大家都会说,啊,可不就是这样吗?这其中可能稍微有点不太理解的就是字面量。...像常量啊,变量啊, 字面量 在计算机科学中,字面量(literal)是用于表达源代码中一个固定值的表示法(notation)。...几乎所有计算机编程语言都具有对基本值的字面量表示,诸如:整数、浮点数以及字符串;而有很多也对布尔类型和字符类型的值也支持字面量表示;还有一些甚至对枚举类型的元素以及像数组、记录和对象等复合类型的值也支持字面量表示法...--百度百科 有个不太好,但是足以说明问题的解释,那就是 对象字面量就是引号引起来的部分,必须是等号右边的部分。虽然这样的解释不太好,但是确实如此,这就是字面量。...为字面变量 有些数据在程序运行中可以变化或者被赋值,这称为变量。 int a; //变量 常量 有些数据可以在程序使用之前预先设定并在整个运行过程中没有变化,这称为常量。

1.5K10

【JavaScript】对象 ① ( 对象概念 | 对象使用场景 | 使用字面量创建对象 | 空对象字面量 | 小括号 中括号 大括号 作用 )

; 对象 由 属性 和 方法 组成 : 属性 : 事物 特征 , 具体就是 对象中的 变量 ; 方法 : 事物 行为 , 具体就是 对象中的 函数 ; JavaScript 对象 可以理解为 由 键值对...组成 ; 键 是 字符串 , 表示属性的名称 ; 值 是 任何数据类型 , 表示属性的值 ; 2、对象使用场景 对象的使用场景 : 保存单个值 , 使用变量即可 ; 保存多个值 , 使用数组即可 ;...对象 字面量 ; 二、使用字面量创建对象 JavaScript 中有 3 种创建对象的方式 : 使用 字面量 创建对象 ; 使用 new 关键字 创建对象 ; 使用 构造函数 创建对象 ; 1、使用字面量创建对象...对象字面量 是 花括号 {} 中 定义多个 键值对 表示 对象的 属性 和 方法 , 键值对 之间使用 逗号 , 隔开 , 下面就是一个 对象 字面量 , name 和 age 分别是 属性变量 名称...的标志 , 如 : ['Tom', 18] 这是一个数组字面量 ; 大括号 是 对象字面量 的标志 , 使用字面量创建对象中 , 就是 使用 大括号 构造了一个 对象字面量 ; 3、代码示例 - 使用字面量创建对象

5610

JS入门难点解析5-变量对象

执行上下文(执行环境) 在前篇JS入门难点解析4-执行上下文栈中讲到,当 JavaScript 代码执行一段可执行代码(executable code)时,会创建对应的执行上下文(execution context...变量对象 变量对象是与执行上下文相关的数据作用域,存储了在执行上下文中定义的变量和函数声明。 不同执行上下文下的变量对象稍有不同,我们主要看一下全局上下文下的变量对象和函数上下文下的变量对象。...))组成一个变量对象的属性被创建 如果变量对象已经存在相同名称的属性,则完全替换这个属性 变量声明 由名称和对应值(undefined)组成一个变量对象的属性被创建; 如果变量名称跟已经声明的形式参数或函数相同...函数上下文的变量对象初始化只包括 Arguments 对象。 在执行上下文准备阶段会给变量对象添加形参、函数声明、变量声明等初始的属性值。 在代码执行阶段,会再次修改变量对象的属性值。 6....如果是变量提升,会打印:undefined。此处,a能成为全局变量是由于LHS,所以代码需要执行到a=1,其才能成为全局变量。(详见JS入门难点解析3-作用域)。

1.1K40

【Node.js】全局可用变量、函数和对象

总结 ---- 前言 在Node.js中提供了一些全局可用的变量、函数和对象,全局就是不需要进行模块加载,可以直接使用的。其中包括全局作用域的函数和对象。...也包括不在全局作用域,而在每个模块作用域都存在的变量、函数和对象,在全局可用,但不是golbal对象的属性。...---- _dirname和_filename变量 Node.js提供了两个与文件操作相关全局可用变量_dirname和_filename变量。...其中_dirname变量表示当前文件所在目录,_filename变量表示当前正在执行的脚本的文件名。...console对象 我们在学习中,经常使用到console.log()语句,console对象就是一个全局对象,用于提供控制台标准输出。

2.5K40

【Java探索之旅】数据类型与变量字面常量,整型变量

前言 在Java编程中,理解常量、数据类型以及变量是构建程序逻辑的基础。本文将深入介绍Java中的字面常量、数据类型和整型变量,帮助读者掌握这些基础概念,为编写高效的Java程序打下坚实基础。...一、字面常量 System.Out.println("Hello World"); 上面代码不论程序何时运行,输出的都是HelloWorld,其实"Hello World"就是字面常量。...System.Out.println(true); System.Out.println(false); } } 其中:100、3.14、‘A’、true/false都是常量,将其称为字面常量...字面常量的分类: 字符串常量:由""括起来的,比如“12345”、“hello”、“你好”。...3.2 语法格式 定义变量的语法格式为: 数据类型 变量名 = 初始值; 举例: int a = 10; // 定义整形变量a,a是变量名也称为标识符,该变量中放置的值为10 double d = 3.14

11810

Scala | 教程 | 学习手册 --- 字面量值变量和类型

字面量Literal:如数字5、字母A和文本“Hello World”,是直接出现在源代码中的数据 值value:不可变的、有类型的存储单元。不允许重新赋值 变量var:可变的、有类型的存储单元。...greeting = "Hello, World" greeting: String = Hello, World scala> val atSymbol = '@' atSymbol: Char = @ 变量...scala合法标识符的规则: 一个字母后跟有0个或多个字母和数字,可结合下划线_ 一个或多个操作符字符 一个或多个除反引号外的任意字符 在命名上,类型和类一般大写字母开头,值和变量小写字母开头,其余单词首字母大写...> val i: Int = l.toInt i: Int = 20 scala可以自动推导类型 scala> val pi = 3.1416 pi: Double = 3.1416 字符串 char字面量要使用单引号...或者使用内插记法,识别解析外部值和变量名。

63810

快速理解JavaScript中变量、常量与字面

var a=1;//a为变量,1为字面量 let b=2;//b为变量,2为字面量 const str="zhangpeiyue";//str为常量,3为字面变量 变量是用于存储数据的容器,在程序的运行中可以发生变化或者被再次赋值...类似,只是声明的变量只在其所在区域内有效: let str="es6";//str为变量,"es6"为字面量 常量 常量与变量一样均是用于存储数据的容器,只不过常量的值在程序的运行中不可以发生改变。...字面字面量有的地方称为直接量,即看见什么,它就是什么。你也可以认为字面量就是一个值,比如变量的值。...//等号右侧的值均为字面量 var obj={name:"zhangpeiyue", age:18};//{name:"zhangpeiyue", age:18}为对象字面量 var str="abcdefg...总结: 常量与变量的区别:常量与变量的存储方式是一样的,只不过常量必须要有初始值,而且值不允许被修改,而变量可以无初始值,且可以多次赋值。 常量与字面量的区别:常量与字面量均不会被改变。

66540

vue组件对象字面量传值的注意啦!

前面汇总过 「vue组件引用传值的最佳实践」,对于 vue2 版本存在一个严重的性能问题,需要格外注意:对象字面量的传递 vue-props-传入一个对象 <blog-post v-bind:author...触发虚拟DOM重绘或patch(模板使用的响应数据修改;向模板中动态调整响应数据set/delete) 官方允许对象字面量的方式进行属性传递,如上述。...会产生这样一个问题:组件外部响应式变量(组件内并没有使用)发生变化,也会引起组件的 updated(vue 生命周期一环),如果我们在组件内部 watch/computed 了相关传递的属性值(如上述的...file=/src/components/HelloWorld2.js:0-108 每次 test 变量修改,都会引起 HelloWorld 组件的 updated,从而导致 watch 的执行...每次执行 render,虽然 person 对象属性未发生变化,但 hello-world 组件中其为字面量,所以导致每次的引用值不同,因此触发组件内的 watch;hello-world2 为同一引用

1.3K20

VBA对象变量

大家好,前面介绍了vba中两个主要的对象,单元格range对象和工作表worksheet对象,以及它们的属性和方法。 本节将在此基础上介绍对象变量(Object类型的变量)的相关内容。...1、声明对象变量 使用对象变量前,首先通过dim语句声明变量对象变量可以将其声明为通用的object变量,也可以声明为具体某种变量,几种常用的对象的一般写法如下: dim obj as object...注意除了object通用变量为,set语句赋值,左右两侧的对象变量的类型是要相同的。同样等号右边只要返回的是对象即可。...如果对象变量等于nothing,那么会中断对象变量与指定对象的关联,这点也会用于检测对象变量是否指向某对象(从而可以应用于if语句判断)。...if 对象变量 is nothing then 语句 end if ---- 本节主要介绍了对象变量(Object类型变量),重在理解如何声明对象变量,以及变量对象的赋值,建议多尝试练习。

1.6K40

理解JavaScript中的上下文-对象字面

简而言之,在对象字面量中,你没有局部变量,你有对象的属性。在函数foo()中,我可以说" var drink = ' beer ';,对于一个叫做bar的对象,我会说bar.dink=“beer”。...这是因为在对象“foo”中,“drink”是foo的属性,而不是变量。 在函数内部,当引用一个变量时,JavaScript引擎搜索作用域链并返回它找到的第一个匹配项。...作用域链的下一层是全局对象,它包含一个名为“drink”的变量,因此返回该变量的值“wine”。...对象字面量可以包含其他对象字面量,而那些对象有它们自己的上下文 示例 4 var drink = 'wine'; var foo = {}; foo.drink = "beer"; foo.getDrink...总结 我想指出的是,当你开始理解JavaScript对象字面量中的上下文概念时,必须意识到还有更多的内容需要考虑。JavaScript对象字面量可以有属性是对象,这些对象有它们自己的上下文。

55831
领券