资讯

精准传达 • 有效沟通

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

网站建设 >

查看其它板块

如何在JavaScript中使用对象-创新互联

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

创新互联是专业的宁远网站建设公司，宁远接单;提供成都网站建设、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行宁远网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

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中使用对象，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联成都网站设计公司行业资讯频道。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。


本文题目：如何在JavaScript中使用对象-创新互联
分享网址：http://cdkjz.cn/article/cdphge.html
返回首页 了解更多建站资讯

相关资讯

多年建站经验

多一份参考，总有益处

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

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

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

在线咨询 提交需求
友情链接 交换友情链接
小程序开发公司手机网站制作简阳网站建设中国电信成都枢纽中心重庆电信五里店机房德阳定制网站建设四川瑞杰移动网站建设服务器机柜成都展柜厂

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

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

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