zoukankan      html  css  js  c++  java
  • 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+'
    '+circle.y+'
    '+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>
    
  • 相关阅读:
    Android DSelectorBryant 单选滚动选择器
    Android BSearchEdit 搜索结果选择框
    Android TeaScreenPopupWindow多类型筛选弹框
    Android TeaPickerView数据级联选择器
    Android 兔子基金小工具
    Android 监听手机锁屏的工具类
    Android 弹出Dialog时隐藏状态栏和底部导航栏
    Android Studio 3.0+ Record Espresso Test 自动化测试
    Android GZIP压缩与解压
    体验 OpenDiablo2, 一款Golang开发的开源游戏
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/9045346.html
Copyright © 2011-2022 走看看