js中json法创建对象（json里面的:相当于js里面的=）

js中json法创建对象（json里面的:相当于js里面的=）

一、总结

json里面的:相当于js里面的=

4、json创建js对象解决命名冲突：多个人为同一个页面写js的话，命名冲突就有可能发生，比如多个js文件里都有一个get()方法，调用的时候就不知道是哪个

二、js中json法创建对象

JSON 法创建对象

JSON非常易于人阅读与编写，同时利于机器解析与生成.我们可以使用JSON语法创建JavaScript对象

• 优点：语法简单
• 缺点：不适用多个对象的创建
• 命名空间：

  如果多个人为同一个页面写js的话，命名冲突就有可能发生

三、代码

 <!DOCTYPE html>
 <html lang="zh-cn">
 <head>
   <meta charset="utf-8">
   <title>课堂演示</title>
 </head>
 <body>
   <script>
   /*
   var people={
     name:'张三', //1、json法创建对象是这种：的形式，一般的话是this.name='张三'或者var name='张三'
     age:30,
     say:function(){alert('我的名字是'+this.name)}
   }

   alert(people.name)
   people.say()

   //定义了一个x坐标为100，y坐标为100，半径为15的圆
   var circle={x:100, y:100, r:15};
   alert(circle.x+'\n'+circle.y+'\n'+circle.r)

  //嵌套JSON对象定义

  var  club={
       VIP: 1,
       sex: "男",
       user1:{  //2、嵌套的对象也是这种:的方式，也就是说json里面的:相当于js里面的=
         name: "张三",
         job : "工程师",
         say : function(){document.write(this.name+"职业是"+this.job)}
       },
       user1:{
         name: "李四",
         job : "老师",
         say : function(){document.write(this.name+"职业是"+this.job)}
       }
  }

   club.user1.say()  //3、调用的话还是.号调用
 */

 //4、json创建js对象解决命名冲突：多个人为同一个页面写js的话，命名冲突就有可能发生，比如多个js文件里都有一个get()方法，调用的时候就不知道是哪个
 var  a={

       get: function(){ //5、json的话不需要var 也不需要this
           alert('我是A组的get方法')
         }
   }
 var b={
           get: function(){
           alert('我是B组的get方法')
       }
   }

   b.get()
   </script>
 </body>
 </html>