达州做网站

咨询热线：

028-86922220

×

01

关于我们

02

服务项目

高端网站建设

网络营销服务

电商网站定制

生物医药网站建设

外贸网站建设

教育培训网站建设

03

小程序开发

小程序开发

04

案例展示

网站建设案例

小程序案例

电商平台案例

系统平台案例

05

建站动态

06

联系我们

地址：成都市太升南路288号锦天国际A幢1002号

电话：028-86922220

028-86922220

大橙子网站建设，新征程启航

为企业提供网站建设、域名注册、服务器等服务

如何在JavaScript中使用对象

本篇文章为大家展示了如何在JavaScript中使用对象，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

创新互联是一家以网站设计,开发核心业务的专业网站建设公司，创新互联为客户提供：软文发稿、创新网站解决方案。我们的目标是提高客户网站项目的专业度，以创新和互联的思维增加用户体验并有效提高潜在客户。

js中，Object，Array ,Function 等都属于引用类型，他们的变量名都是指向对象的指针。

这样就有一个好处，当处理一个复杂json树的时候，想要单独改变其中某一个子对象属性时，不需要根据对象id遍历查找到这个对象了，而是可以直接通过事件方式将这个对象通过参数的方式赋值给一个专属变量，这个变量就指向这个对象，这样就可以随意改变对象属性了。改变这个变量对应的对象，整个json树中的这个对象也被相应的改变。

//保存选中的同学 var classmate={ name:"", age:"" } //同学列表 var arr=[ { name:"小明", age:22 }, { name:"小黑", age:23 }, { name:"小红", age:24 }, { name:"小白", age:25 } ]; var nameNode=document.querySelector("input[name='name']"); var ageNode=document.querySelector("input[name='age']"); nameNode.addEventListener("keyup",function(){ classmate.name=nameNode.value; update() //console.log(classmate) }) ageNode.addEventListener("keyup",function(){ classmate.age=ageNode.value; update() }) //进行双向绑定 Object.defineProperty(classmate,'name',{ get:function(){ return classmate['name'] }, set:function(val){ classmate['name'] = val; } }) Object.defineProperty(classmate,'age',{ get:function(){ return classmate['age'] }, set:function(val){ classmate['age'] = val; } }) //重绘ul列表 function update(){ document.querySelector("#classmates").innerHTML=""; for(var i=0;i"; var liNode=parseElement(li); liNode.addEventListener("click",showClassmate(classmate)) document.querySelector("#classmates").appendChild(liNode) } } update() //点击同学 function showClassmate(data){ return function(){ classmate=data; nameNode.value=classmate.name; ageNode.value=classmate.age; } } //将字符串变成node对象 function parseElement(htmlString){ return new DOMParser().parseFromString(htmlString,'text/html').body.childNodes[0] }

上述内容就是如何在JavaScript中使用对象，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。

分享文章：如何在JavaScript中使用对象
网页链接：http://dzwzjz.com/article/gdoddc.html

其他资讯

服务热线：028-86922220