您好,欢迎访问代理记账网站
移动应用 微信公众号 联系我们

咨询热线 -

电话 15988168888

联系客服
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

JS中的自定义对象(扩展内容)

JS中的自定义对象(扩展内容)

Object形式的自定义对象

对象的定义:
var 变量名 = new Object(); //对象实例(空对象)
变量名.属性名 = 值; //定义一个属性
变量名.函数名 = function(){} //定义一个函数

对象的访问:
变量名.属性名/函数名();

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>6-Object形式的自定义对象</title>
    <script type="text/javascript">
        //对象的定义:
        //    var  变量名  =  new  Object();  //对象实例(空对象)
        //    变量名.属性名  =  值;            //定义一个属性
        //    变量名.函数名  =  function(){}  //定义一个函数
        var obj = new Object();
        obj.name = "古超";
        obj.age = 20;

        obj.fun = function () {
            alert("自定义Object对象的函数!!");
        }

        //对象的访问:
        //    变量名.属性名/函数名();
        alert( obj.name );
        obj.fun();
    </script>
</head>
<body>

</body>
</html>

{}花括号形式的自定义对象

定义格式:
var 变量名 = { //空对象
属性名:值, //定义一个属性
属性名:值, //定义一个属性
函数名:function(){} //定义一个函数
};

对象访问格式:
变量名.属性名 / 函数名();

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>7-{}花括号形式自定义对象</title>
    <script type="text/javascript">
        //定义格式:
      //      var 变量名 = {			    //空对象
	//		属性名:值,      //定义一个属性
	//		属性名:值,      //定义一个属性
	//		函数名:function(){}  //定义一个函数
	//    };

        var obj = {
            name : "古超",
            age : 18,
            fun : function(){
                alert( "姓名:" + this.name + " , 年龄:" + this.age );
            }
        };

//对象访问格式:
  //   变量名.属性名 / 函数名();

        alert(obj.name);
        obj.fun();
    </script>
</head>
<body>

</body>
</html>

分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进