JS中的自定义对象（扩展内容）

50 阅读 0 评论 33 点赞

我是靠谱客的博主粗暴月光，最近开发中收集的这篇文章主要介绍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>