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>
js中json法创建对象（json里面的:相当于js里面的=）的更多相关文章
- 转：JS中生成和解析JSON
原文地址:JS中生成和解析JSON 1.JS中生成JSON对象的方法: var json = []; var row1 = {}; row1.id= "1"; row1.name ...
- js中单引号和双引号的区别（html中属性规范是用双引号，js中字符串规定是用单引号）（js中单引号区别和php很像：单引号快，双引号可转义字符，双引号可解析变量）
js中单引号和双引号的区别(html中属性规范是用双引号,js中字符串规定是用单引号)(js中单引号区别和php很像:单引号快,双引号可转义字符,双引号可解析变量) 一.总结 1.html中属性规范是 ...
- 浅入浅出JS中的eval及json
声明: 首先声明一下,本人是JS新手,所以不敢说深入,只是把最近对eval的学习经验拿出来跟大家分享,如果您是高手可略去不看. 适合读者: 对JS中的eval一知半解,不知eval是如何把字符串转换为 ...
- JS中生成和解析JSON
1.JS中生成JSON对象的方法: var json = []; var row1 = {}; row1.id= "1"; row1.name = "jyy"; ...
- 浅谈JS中的!=、== 、!==、===的用法和区别 JS中Null与Undefined的区别 读取XML文件 获取路径的方式 C#中Cookie，Session，Application的用法与区别？ c#反射 抽象工厂
浅谈JS中的!=.== .!==.===的用法和区别 var num = 1; var str = '1'; var test = 1; test == num //tr ...
- js中面向对象（创建对象的几种方式）
1.面向对象编程(OOP)的特点: 抽象:抓住核心问题 封装:只能通过对象来访问方法 继承:从已有的对象下继承出新的对象 多态:多对象的不同形态 注:本文引用于 http://www.cnblogs. ...
- JS中多种方式创建对象
1.内置对象创建 var girl=new Object(); girl.name='hxl'; console.log(typeof girl); 2.工厂模式,寄生构造函数模式 function ...
- 用js动态的改变img标签里面的src属性实现图片的循环切换
JS:根据循环切换的条件可以用 document.getElementById('').src=''设置, 或者jquery方法: $('#id').attr('src','图片名称’): 具体: i ...
- JS中使用正则表达式替换对象里的大小写
function parse(obj){ var str = JSON.stringify(obj); var dataObj = str.replace(/Name/g, "name& ...
随机推荐
- centos7基础配置
记录虚拟机安装完成后的初始配置: 1.网络: 桥接方式,设置静态ip,与物理机同一网段 Ip配置 配置完成 service network restart ,重启网络后 物理机可ssh连接虚拟机系统. ...
- [C#防止反编译].NET 产品版权保护方案 (.NET源码加密保护)
[C#防止反编译].NET 产品版权保护方案 (.NET源码加密保护) 标签: .net加密产品c#dll工具 2011-03-24 21:06 27009人阅读 评论(13) 收藏 举报 分类: C ...
- 【习题 8-6 UVA - 1611】 Crane
[链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 想把数字i从位置j移动到位置i 可以这样. 假设mov(x,y)表示将(x..x+len/2-1)和(x+len/2..y)交换. ...
- 将已有的Eclipse项目转化为Maven项目
将已有的Eclipse项目转化为Maven项目 我们之前在Eclipse IDE完成的Java命令行项目.Java Web项目也使用了构建工具--Ant,它帮助我们编译.运行Java源代码(无需我们自 ...
- [Unit testing] data-test attr FTW
Most of time, we get used to use class name as a selector in the test. But one problem for this is c ...
- 1、Task类构造函数
Task类的构造函数接收一个无参无返回值的委托: 1: Task task = new Task(TaskMethod); 2: task.Start();例子: task = new Task(( ...
- HDU 1142 A Walk Through the Forest（最短路+dfs搜索）
A Walk Through the Forest Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Jav ...
- qt多线程
为什么要用多线程? 传统的图形用户界面应用程序都只有一个执行线程,并且一次只执行一个操作.如果用户从用户界面中调用一个比较耗时的操作,当该操作正在执行时,用户界面通常会冻结而不再响应.这个问题可以用事 ...
- [Javascirpt AST] Babel Plugin -- create new CallExpression
The code we want to trasform: 2 ** 3; a ** b; a **b * c; a ** b ** c; (a+1) ** (b+1); transform to: ...
- [1,2,3].forEach(alert);这样的写法有什么利和弊吗？
以下这个问题遇到了之后.问了太阳神,以下是太阳神的解答: [1,2,3].forEach(alert);这样的写法有什么利和弊吗? 首先forEach使用方法非常easy降低代码量, 可是也有非常多地 ...