资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

如何在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://cdkjz.cn/article/gdoddc.html
返回首页 了解更多建站资讯

相关资讯

多年建站经验

多一份参考，总有益处

联系快上网，免费获得专属《策划方案》及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

大客户专线   成都：13518219792   座机：028-86922220

在线咨询 提交需求
友情链接 交换友情链接
商城网站成都服务器托管达州网站制作江安网站建设成都申请ssl证书百度推广公司渠县网站建设成都托管服务器简阳电信服务器托管新都网站建设

成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图