首页 > 代码库 > JS中来创建对象的方法--(一闪而过)

JS中来创建对象的方法--(一闪而过)

<body>
<script type="text/jscript">
  //使用new来创建
  var stu=new Object();
    stu.name="小明";
    stu.age=20;
    stu.add="海淀区";
    stu.show=function (){
  alert("姓名:"+this.name+"\n年龄:"+this.age+"\n住址:"+this.add);
}
  stu.show();

  //Json格式类型的写法(

  JSON 语法规则

  • 对象表示为键值对
  • 数据由逗号分隔
  • 花括号保存对象
  • 方括号保存数组

  JSON 键/值对

  使用冒号 : 分隔,然后紧接着值:

 

  {"firstName": "John"}

  )
  var st=
  {
    name:"小红",
    age:20,
    add:"海淀区",
  show:function(){
    alert("姓名:"+this.name+"\n年龄:"+this.age+"\n住址:"+this.add);
  }
}
  st.show();

  //构造函数
  function Stu(name,age,add)
{
    this.name=name;
    this.age=age;
    this.add=add;
    this.show=show;
}
  function show(){
  alert("姓名:"+this.name+"\n年龄:"+this.age+"\n住址:"+this.add);
}
  var a1=new Stu("小明",20,"海淀区");
  var a2=new Stu("小红",30,"海淀区");
  var a3=new Stu("小胖",40,"海淀区");
  a1.show();

  //原型函数 (我的理解是一种简单的原型工厂)

  //JS中的构造函数(1.函数名首字母大写2.任何函数,只要通过 new 操作符来调用,那它就可以作为构造函数 ;任何函数,如果不通过 new 操作符来调用,那它跟普通函数也没有什么两样。)

  function St()
   {
    St.prototype.name;
    St.prototype.age;
    St.prototype.add;
    St.prototype.show=function(name,age,add)
{
   alert("姓名:"+name+"\n年龄:"+age+"\n住址:"+add);
  }
}
  var st1=new St();
    st1.show("小明",20,"海淀区");

  var st2=new St();
    st2.show("小红",30,"海淀区");

  var st3=new St();
    st3.show("小胖",40,"海淀区");

</script>
</body>

JS中来创建对象的方法--(一闪而过)