宜宾网站建设公司

如何在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://ybzwz.com/article/gdoddc.html

其他资讯