關於我

我的相片
用心思考、保持熱情,把工作上的經驗作分享與紀錄。希望能夠跟大家一起不斷的成長~

JavaScript進階技巧

<%--進階JavaScript<1>物件方法屬性操作--%>
<script type="text/javascript">
  //委派Function?!   
  function say(msg) { alert(this.Name + ' 說:' + msg); }

  //建立物件
  var person = new Object();
  person.Name = "Sam";
  person.say = say;

  //取得屬性與呼叫方法
  alert("Name = " + person.Name);
  person.say("Hello !");

  //透過名稱字串呼叫方法與取得屬性
  alert("Name = " + person["Name"]);
  person["say"]("Hello !");
</script>

 

 

<%--進階JavaScript<2>匿名方法--%>
<script type="text/javascript">
  //建立物件
  var person = new Object();
  person.Name = "Peggy";
  //匿名方法設定方法
  person.say = function(msg) { alert(this.Name + ' 說:' + msg) };

  //取得屬性與呼叫方法
  alert("Name = " + person.Name);
  person.say("匿名方法耶 !");

  //透過名稱字串呼叫方法與取得屬性
  alert("Name = " + person["Name"]);
  person["say"]("匿名方法耶 !");
</script>

<%--進階JavaScript<3>匿名物件--%>
<script type="text/javascript">
  //建立匿名物件
  var person = {
    Name: "Peggy and Sam",
    say: function(msg) { alert(this.Name + ' 說:' + msg); }
  };

  //取得屬性與呼叫方法
  alert("Name = " + person.Name);
  person.say("匿名物件耶 !");

  //透過名稱字串呼叫方法與取得屬性
  alert("Name = " + person["Name"]);
  person["say"]("匿名物件耶 !");
</script>

沒有留言:

張貼留言