1. 程式人生 > >JS中來創建對象的方法--(一閃而過)

JS中來創建對象的方法--(一閃而過)

list text body 年齡 style -s 冒號 pan bsp

<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中來創建對象的方法--(一閃而過)