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. spring三大框架整合

        Spring概述 Spring介绍 Spring它是一个一站式的分层轻量级框架. Spring体系结构 1.      core container a)        beans与core ...

  2. 小米开源文件管理器MiCodeFileExplorer-源码研究(4)-文件操作工具类FileOperationHelper

    文件操作是非常通用的,注释都写在源代码中了,不多说~需要特别说明的是,任务的异步执行和IOperationProgressListener.拷贝和删除等操作,是比较费时的,采用了异步执行的方式~ An ...

  3. 微信小程序从零开始开发步骤（八）引入框架WeUI

    首先来看下WeUI的官方介绍: WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一.在微信小程序的开发过程中,涉及到的前端 ...

  4. 中小型WEB系统权限日志数据表设计

    中小型WEB系统权限日志数据表设计 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjc1MDU3OA==/font/5a6L5L2T/fontsi ...

  5. python核心编程五——映像和集合

    1.字典 不同意一个键相应多个值:当有键发生冲突(即.字典键反复赋值),取最后(近期)的赋值. >>> dict1 = {' foo':789, 'foo': 'xyz'}     ...

  6. Python 标准库 csv —— csv 文件的读写

    csv 文件,逗号分割文件. 0. 读取 csv 到 list from csv import reader def load_csv(csvfile): dataset = [] with open ...

  7. 2. APIS官网剖析（博主推荐）

    不多说,直接上干货! 一切来源于官网 http://kafka.apache.org/documentation/ 2. APIS .APIS Apache Kafka引入一个新的java客户端(在o ...

  8. BZOJ2119: 股市的预测（后缀数组）

    Description 墨墨的妈妈热爱炒股,她要求墨墨为她编写一个软件,预测某只股票未来的走势.股票折线图是研究股票的必备工 具,它通过一张时间与股票的价位的函数图像清晰地展示了股票的走势情况.经过长 ...

  9. 关于android主线程异常NetworkOnMainThread不能訪问网络

    今天在学习的过程中遇到了NetworkOnMainThread的异常,关于这个异常问题在android sdk 4.0版本号上,这个问题可能比較常见,查了许些资料大多都是大概解说原因,可是没有解说到详 ...

  10. C#string转换为Datetime

    DateTime.ParseExact("0710090000", "MMddHHmmss", CultureInfo.CurrentCulture, Date ...