网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

如何在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://bjjierui.cn/article/cdphge.html

其他资讯