JavaScript对象与属性操作及对象字面量示例-优快云博客

本文链接：https://blog.youkuaiyun.com/cxy0515010441/article/details/116801466

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="test">
    hello world
</div>
<button>click</button>
</body>
<script>
  window.onload=function (){
      var car=new Object();     //定义一个名为车的对象
      car.color='white';         //颜色属性
      car.weight='1.5t';         //重量属性
      car.start=function (){      //启动方法
          console.log('启动')
      };
      car.stop=function (){      //停止方法
          console.log('停止')
      };


      var person=new Object();      //定义一个名为人的对象
      //第一种定义属性的方法.
      person.name='cxy';            //名字属性
      person.age='18';              //年龄属性
      //第二种定义属性的方法[]
      person['name']='cxy';
      person['age']='18';

      person.sing=function (){      //唱歌方法
          console.log('唱歌')
      };
      person.learn=function (){      //学习方法
          console.log('学习')
      };



      //定义一个对象的方式
      // 第一种 使用new Object（）
      var person=new Object();

      // 第二种 对象字面量
      // 1、简单字面量
      var person2={};
      person2.name='cxy';
      person2['age']='18';
      person2.action=function (){
          return '我是一个对象'
      };

      //调用属性
      person2.name
      //调用方法
      person2.action()
      document.getElementById("test").innerHTML=person2.name


      // 2、嵌套字面量
      var person3={
          //键名一般情况下不用加引号，键名中有空格，-，保留字除外
          // 'name ': 'lyf',
          // 'name-1': 'tlf',
          name: 'cxy',
          age: 19,
          action:function (){
              return this.name;           //this=>person3
          }
      }
      person3.action();                      //cxy
  }
</script>
</html>