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>

js中json法创建对象（json里面的:相当于js里面的=）的更多相关文章

  1. 转：JS中生成和解析JSON

    原文地址:JS中生成和解析JSON 1.JS中生成JSON对象的方法: var json = []; var row1 = {}; row1.id= "1"; row1.name ...

  2. js中单引号和双引号的区别（html中属性规范是用双引号，js中字符串规定是用单引号）（js中单引号区别和php很像：单引号快，双引号可转义字符，双引号可解析变量）

    js中单引号和双引号的区别(html中属性规范是用双引号,js中字符串规定是用单引号)(js中单引号区别和php很像:单引号快,双引号可转义字符,双引号可解析变量) 一.总结 1.html中属性规范是 ...

  3. 浅入浅出JS中的eval及json

    声明: 首先声明一下,本人是JS新手,所以不敢说深入,只是把最近对eval的学习经验拿出来跟大家分享,如果您是高手可略去不看. 适合读者: 对JS中的eval一知半解,不知eval是如何把字符串转换为 ...

  4. JS中生成和解析JSON

    1.JS中生成JSON对象的方法: var json = []; var row1 = {}; row1.id= "1"; row1.name = "jyy"; ...

  5. 浅谈JS中的!=、== 、!==、===的用法和区别 JS中Null与Undefined的区别 读取XML文件 获取路径的方式 C#中Cookie，Session，Application的用法与区别？ c#反射 抽象工厂

    浅谈JS中的!=.== .!==.===的用法和区别   var num = 1;     var str = '1';     var test = 1;     test == num  //tr ...

  6. js中面向对象（创建对象的几种方式）

    1.面向对象编程(OOP)的特点: 抽象:抓住核心问题 封装:只能通过对象来访问方法 继承:从已有的对象下继承出新的对象 多态:多对象的不同形态 注:本文引用于 http://www.cnblogs. ...

  7. JS中多种方式创建对象

    1.内置对象创建 var girl=new Object(); girl.name='hxl'; console.log(typeof girl); 2.工厂模式,寄生构造函数模式 function ...

  8. 用js动态的改变img标签里面的src属性实现图片的循环切换

    JS:根据循环切换的条件可以用 document.getElementById('').src=''设置, 或者jquery方法: $('#id').attr('src','图片名称’): 具体: i ...

  9. JS中使用正则表达式替换对象里的大小写

      function parse(obj){ var str = JSON.stringify(obj); var dataObj = str.replace(/Name/g, "name& ...

随机推荐

  1. 【hdu 3987】Harry Potter and the Forbidden Forest

    [Link]:http://acm.hdu.edu.cn/showproblem.php?pid=3987 [Description] 给出一张有n个点的图,有的边又向,有的边无向,现在要你破坏一些路 ...

  2. 洛谷 P1177 【模板】快速排序（排序算法整理）

    P1177 [模板]快速排序 题目描述 利用快速排序算法将读入的N个数从小到大排序后输出. 快速排序是信息学竞赛的必备算法之一.对于快速排序不是很了解的同学可以自行上网查询相关资料,掌握后独立完成.( ...

  3. IOS越狱开发错误解决

      Questions: haseScriptExecution Run\ Script /Users/jun/Library/Developer/Xcode/DerivedData/ButtonMa ...

  4. [React] Define defaultProps and PropTypes as static methods in class component

    class Toggle extends Component { static propTypes = { defaultOn: PropTypes.bool, on: PropTypes.bool, ...

  5. [Docker 官方文档] 理解 Docker

    http://segmentfault.com/a/1190000002609286 什么是 Docker? Docker 是一个用于开发.交付和执行应用的开放平台,Docker 设计用来更快的交付你 ...

  6. linux 配置IP地址

    linux 配置IP网址能够使用neat,netconfig,ifconfig等进行配置,当中前两个实用户界面,第三个命令仅仅是暂时设置IP,机器重新启动后配置将丢失. 有时候图形用户界面的程序难以获 ...

  7. HDU 1495 很可乐(BFS 倒水问题)

    题意  将体积为s的可乐  利用容积分别为n和m的两个杯子平均分为两份  至少须要倒多少次可乐 能够把容器s,n,m中装的可乐量看成一种状态 容器都是没有刻度的  所以每次倒可乐要么把自己倒完 要么把 ...

  8. samba-设定文件共享

    家里有两台电脑,一台装的是window,一台装的是ubuntu.一直想要实现两台电脑资源共享,今天终于成功实现了. smaba 具体简介就不说了,反正就知道,它可以创建一个服务器,然后让其他的电脑共享 ...

  9. code blocks常用快捷键

    CodeBlocks常用操作快捷键 编辑部分: Ctrl + A:全选 Ctrl + C:复制 Ctrl + X: 剪切 Ctrl + V:粘贴 Ctrl + Z:撤销(后退一步) Ctrl + S: ...

  10. 关于Django的登录系统

    首先需要明确的是登录的本质:登录就是服务器确认当前用户的身份,并将数据库中的记录提取匹配 默认的登录系统是用户名密码方式,这种方式很平常,也没什么特别的.这里主要说的是第三方验证登录 通常第三方验证登 ...