javascript 的几种写法

第一种:直接初始化法

 

<!DOCTYPE HTML>
<html>
<head>
 <title>直接初始化法</title>
 <script type="text/javascript">
  
  var userData={
   
   userData:null,
   code:'010',
   name:location.hostname,
   getName:function(){
    return this.name;
    
   },
   getCode:getCode
  }
  //定义对象的方法
  function getCode(){
   return this.code;
  }
  //添加新方法
  userData.setUserData=function(userData){
   this.userData = userData;
  }
  userData.setUserData('chuanshanjis is jaserData');
  
  //添加新类(模块)
  userData.email={
   getCode:function(){
    alert("email");
    //return this.code;
    return userData.code;
   },
  }
  //consoke.log向控制台输出日志信息
  console.log('email is code'+userData.email.getCode())
  /*
   说明:
   优点:
   1.userData本身就是对象的实例。--上来就实例化了,也不怕浏览器受不了。
   2.代码紧凑
   3.编程效率高
   缺点:
   1.代码的重用性差,不符合面向对象编程思路
   2.应避免使用该方法创建自定义对象
  */
 </script>
</head>
<body>
 <input type="button" value="onclick" οnclick="userData.email.getCode()">
</body>
</html>

 

3.Object表达式法

 

<!DOCTYPE HTML>
<html>
<head>
 <title>Object表达式法</title>
 <script type="text/javascript">
 
 var userData = new object();
 userData,userData=null;
 userData.code='010';
 userData.name=location.hostname;
 userData.getName=function(){
 
 }
 userData.getcode=getcode;
 //定义对象的方法
 function getcode(){
  return this.code;
 }
 //添加新的方法
 userData.setUserData = function(userData){
  this.userData = userData;
 }
 userData.setUserData('String is char');
 //添加新的类(模块)
 userData.email={
  getCode:function(){
   //return this.code;
   return userData.code;
  },
 }
 
 </script>
</head>
<body>

</body>
</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值