微信扫一扫打赏支持

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

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

一、总结

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

 

二、js中json法创建对象

JSON 法创建对象

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

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

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

 

三、代码

  1 <!DOCTYPE html>
  2 <html lang="zh-cn">
  3 <head>
  4   <meta charset="utf-8">
  5   <title>课堂演示</title>
  6 </head>
  7 <body>
  8   <script>
  9   /*
 10   var people={
 11     name:'张三', //1、json法创建对象是这种：的形式，一般的话是this.name='张三'或者var name='张三'
 12     age:30,
 13     say:function(){alert('我的名字是'+this.name)}
 14   }
 15 
 16   alert(people.name)
 17   people.say()
 18  
 19   //定义了一个x坐标为100，y坐标为100，半径为15的圆
 20   var circle={x:100, y:100, r:15};
 21   alert(circle.x+'\n'+circle.y+'\n'+circle.r)
 22  
 23  //嵌套JSON对象定义
 24 
 25  var  club={
 26       VIP: 1,
 27       sex: "男",
 28       user1:{  //2、嵌套的对象也是这种:的方式，也就是说json里面的:相当于js里面的=
 29         name: "张三",
 30         job : "工程师",
 31         say : function(){document.write(this.name+"职业是"+this.job)}
 32       },
 33       user1:{
 34         name: "李四",
 35         job : "老师",
 36         say : function(){document.write(this.name+"职业是"+this.job)}
 37       }
 38  }
 39 
 40   club.user1.say()  //3、调用的话还是.号调用
 41 */
 42 
 43 //4、json创建js对象解决命名冲突：多个人为同一个页面写js的话，命名冲突就有可能发生，比如多个js文件里都有一个get()方法，调用的时候就不知道是哪个
 44 var  a={
 45 
 46       get: function(){ //5、json的话不需要var 也不需要this
 47           alert('我是A组的get方法')
 48         }
 49   }
 50 var b={
 51           get: function(){ 
 52           alert('我是B组的get方法')
 53       }
 54   }
 55 
 56   b.get()
 57   </script>
 58 </body>
 59 </html>

 

posted @ 2018-05-16 12:27  范仁义  阅读(549)  评论(0)  编辑  收藏  举报