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

时间：2023-03-09 03:01:27
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>

相关文章