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>