美文网首页
ES6-对象

ES6-对象

作者: hunter97 | 来源:发表于2018-11-20 16:05 被阅读0次

一、 对象表达式

如果想在对象里添加跟变量名一样的属性,并且属性的值就是变量表示的值,我们可以直接在对象里加上这些属性。在对象里添加方法我们可以直接去掉 :function,直接使用一个方法的名字,后面加上一组括号,还有一组大括号就行了。

let dessert = "蛋糕", drink = "牛奶";
function breakfast(dessert,drink){
  console.log(dessert,drink)
}
let foods = {
  dessert, //"dessert":dessert,
  drink, //"drink":drink,
  breakfast(){} //breakfast:function(){}
}
console.log(foods);  //输出:{dessert:"dessert",drink:"drink",breakfast:function(){}};
二、 对象属性名

如果对象的属性的名字里面包括空格的话,我们就不能使用这种点的形式了 ,比如 food.hot drink ,因为这个属性的名字里面包含空格 ,这就需要用方括号的形式 ,去掉这个点,用一组方括号,在这个括号里面,我们可以计算出属性的名字,也就是这个属性的名字不一定非得是一个固定的字符串,它可以用一个变量来表示 。

let dessert = "蛋糕";
let freshfruit = "fresh fruit";
let foods = {};
foods.dessert = dessert;
foods["hot drink"] ="咖啡";
foods[freshfruit] ="河南草莓";
console.log(foods);  //输出:{'hot drink':"咖啡",'fresh fruit':"河南草莓"};

遇到困难时不要抱怨,既然改变不了过去,那么就努力改变未来。

相关文章

  • 2019-01-24

    ES6-之 filter

  • ES6-对象

    一、 对象表达式 如果想在对象里添加跟变量名一样的属性,并且属性的值就是变量表示的值,我们可以直接在对象里加上这...

  • ES6-对象

    Object.is()方法 在js中比较两个值时,你可能会用相等运算符==或者严格相等运算符 ===。为了避免在比...

  • es6-对象扩展

    函数新增特性 简洁表示法 属性表达式 扩展运算符 Object新增方法 简介表示法 属性简写 方法简写 属性表达式...

  • ES6-面向对象

    1、区别 es5(js)中没有一个类的概念,只有构造方法在es6中 js模拟了其他语言实现类的概念,让对象可以由类...

  • ES6-对象拓展

    1. 对象的扩展 2. 面向对象 在JS5中, 没有一个类的概念,只有构造方法。 而 ES6中, JS 模拟了其...

  • ES6-对象的扩展

    对象的传统表示法 我们回顾一下,对象的传统表示法: 上面的案例很简单,变量person就是一个对象,对象含有nam...

  • ES6-对象的扩展

    对象是object是js最重要的数据解构; 1:属性的简洁表示方法; 上面代码中;ES6允许在对象中,直接写变量;...

  • JavaScript学习 之 版本

    目录 引言 ECMAScript ES5-/-ES6-/-ES7 babelbabel-clibabel-node...

  • ES6-对象的解构赋值

    构不仅可以用于数组,还可以用于对象对象的属性没有次序,但是变量必须与属性同名,才能取到正确的值。对象的解构赋值不用...

网友评论

      本文标题:ES6-对象

      本文链接:https://www.haomeiwen.com/subject/ywdofqtx.html