ES6基础之——对象表达式

这里定义了两个变量,一个是dessert,一个是drink,

let dessert=‘cake‘,drink=‘orange‘;

一、根据两个变量的值去定义一个对象,这个对象叫food,对象里面属性跟变量的名字是一样的,属性值对应上面的变量

let dessert=‘cake‘,drink=‘orange‘;
let food={
dessert:dessert,
drink:drink,
}
console.log(food) //{dessert:‘cake‘,drink:‘orange‘}

如果在对象里面添加跟变量名字一样的属性值,并且这个属性的值就是这个变量表示的值,可以直接在对象里面加上这些属性,不需要指定他的值

let dessert=‘cake‘,drink=‘orange‘;
let food={
dessert,
drink,
}
console.log(food) //{dessert:‘cake‘,drink:‘orange‘}

二、在对象里面添加一个方法,它的值是一个函数,以前的方法是这样的:

let dessert=‘cake‘,drink=‘orange‘;
let food={
dessert,
drink,
breakfast:function(){}
}
console.log(food)

现在可以直接去掉:function,直接使用方法的名字,如:

let food={
dessert,
drink,
breakfast(){}
}
console.log(food) //{dessert:‘cake‘,drink:‘orange‘,breakfast:f}

原文地址:https://www.cnblogs.com/fe-cherrydlh/p/11062525.html

时间: 2024-10-08 08:20:22

ES6基础之——对象表达式的相关文章

ES6基础之——对象属性名

有一个叫food的空白对象,往这个对象里面添加属性可以用点的方式,比如: let food={} food.dessert='cake'; console.log(food) //{dessert:'cake'} 如果属性的名字包含空格,继续使用点的方式来添加属性的话,输出food的时候就会报语法错误 let food={} food.dessert='cake'; food.hot drink = 'tea'; console.log(food) //Uncaught SyntaxError:

ES6基础整理(1)

刚开始用vue,很多时候我们都会把ES6这位大兄dei加入我们的技术栈中.但是ES6那么多那么多特性,我们真的需要全部都掌握吗?掌握好常用的.有用的这个可以让我们的开发快速起飞. 接下来我们就聊聊ES6基础常用的知识的总结. es6中的声明变量的方式: // let // 1. let声明变量不可以进行重复声明 // 2. let声明的变量有块级作用域 // const // 声明的叫做常量 // 1. const声明变量不可以进行重复声明 // 2. const声明页有块级作用域 // 3.

JavaScript的基础数据类型和表达式

Java Script的基础数据类型和表达式 基本的数据类型: number(数值)类型:可分为整数和浮点数 string(字符)类型:是用单引号“'”或者双引号“"”来说明的. boolean(布尔)类型:布尔类型的值true(对)或false(错). null和undefined:null表示一个“空”的值,undefind表示值未定义, &&:与运算,只有所有都为true,&&运算结果才是true. ||:或运算,只要其中一个true,||运算结果就是tru

Lua基础——赋值语句、表达式、流程控制

赋值语句 注释,用(--)来表示 定义,lua中没有定义(申明数据类型),它是通过赋值来确定其数据类型的. 赋值,是改变一个变量的值和改变表域的最基本的方法. a = "hello" .. "world" Lua可以对多个变量同时赋值,变量列表和值列表的各个元素用逗号分开,赋值语句右边的值会依次赋给左边的变量.a, b = 10, 2*x <--> a=10; b=2*x 遇到赋值语句Lua会先计算右边所有的值然后再执行赋值操作,所以我们可以这样进行交换

JavaScript基础--DOM对象(十三):(windows对象:history\location\navigator\screen\event)

DOM编程1.为什么要学习DOM(1) 通过dom编程,我们可以写出各种网页游戏(2)dom编程也是ajax的重要基础2.DOM编程介绍DOM = Document Object Model(文档对象模型)DOM是HTML与XML的应用编程接口(API) BOM和DOM相辅相成的关系BOM为纲,DOM为目,DOM是BOM的具体体现 3.DOM对象 3.1 Windows对象 3.1.1 confirm function test(){ var res= window.confirm("你要删除&

ES6中对对象的扩展

ES6允许直接写入变量和函数作为对象的属性和方法.这样的书写更加简洁. ES6允许在对象中只写属性名,不写属性值.这时,属性值等于属性名所代表的变量. function f(x , y){ return {x ,y}; } f(1,2)// Object {x:1,y:2} function getPoint(){ var x=1; var y=10; return {x,y}; } getPoint()//{x:1,y:10} js语言定义对象的属性有两种方法.obj.foo=true;obj

ES6基础知识(Reflect)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

VBS基础篇 - 对象(1) - Class对象

VBS基础篇 - 对象(1) - Class对象 相信对JAVA有一定了解的朋友一定对类这个名词不陌生,但是大家可能没有想过在VBS中使用Class类吧,其实Class类在自动化测试中是相当常用的,对于代码量增大时,类的结构化就充分体现出了它强大的优势,下面我们就来看一下类的组成部分以及一些用法. 初始化与终结化的应用 使用Class语句可以创建一个对象,可以为它编写字段.属性及方法,它只有两个对象事件——Initialize与Terminate.首先来看一个简单的Class示例: 1 2 3

VBS基础篇 - 对象(6) - Folder对象

VBS基础篇 - 对象(6) - Folder对象 描述:提供对文件所有属性的访问,从FSO对象的GetFile方法获得 使用Folder对象 要用Folder对象模型来编程必须先用FSO对象的Getfolder方法获取文件的句柄 1.使用 CreateObject 方法来创建 FileSystemObject 对象 2.使用Getfolder方法获取文件夹的句柄 3.在创建的Folder对象上使用适当的方法 4.访问对象的属性 方法:(仅常用的方法) Folder对象的方法与File对象的方法