javascript高级语法学习-对象

闲来无事，学习一下Javascript的高级语法

学习js语法有助于我们理解代码，可以编写高级控件，话不多说，首先建立一个对象“人”

 function Persion(){//建立一个对象
      this.init(name)
       Persion.prototype.name='name'
       Persion.prototype.head='head'
       Persion.prototype.body='body'
       Persion.prototype.foot='foot'
   }

首先我们建立了一个persion对象，属性有名字，头、身体等，我们再给这个persion对象一些功能

//对象的属性方法
            Persion.prototype={
                init:function(){
                    // console.log(name)
                },
                init:function(name){
                    this.name=name
                },
                setHead:function(head){
                    this.head=head
                    // console.log(head)
                },
                setBody:function(body){
                    this.body=body
                    // console.log(body)
                },
                setFoot:function(foot){
                    this.foot=foot
                    // console.log(foot)
                },
                print:function(){
                    console.log('name=='+this.name)
                    console.log('head=='+this.head)
                    console.log('body=='+this.body)
                    console.log('foot=='+this.foot)
                },
                printHtml:function(parent){
                    parent.innerHTML='<p>'+'name=='+this.name+'</p>'
                    +'<p>'+'head=='+this.head+'</p>'
                    +'<p>'+'body=='+this.body+'</p>'
                    +'<p>'+'foot=='+this.foot+'</p>';
                }
            }

我们只在方法中打印了一些字符串，以及拼接了一段html代码
最后我们在页面加载的时候来调用一下这个persion看一下效果

 window.onload=function(){
         var p=new Persion();
          p.init('jack');
          p.setHead('2head')
          p.print()
          p.printHtml(document.body)
       }

最终结果：页面中出现了我们拼接的内容

通过js对象，我们可以封装和自定义一些有趣的控件，以及实现一些功能