JavaScript中对象属性、方法、用户定义的对象定义和用法详解
对象属性：
对象的属性可以是任何三种基本数据类型的，或者任何抽象数据类型，如另一个对象。对象属性通常是内部使用的对象的方法的变量，但也可以是用于整个页面全局可见的变量。
用于添加属性的目的语法是：
objectName.objectProperty = propertyValue;
示例 :
下面是一个简单的例子来说明如何利用“称号”的文件对象的属性来获取文档标题：
var str = document.title;
对象的方法：
方法是让对象做某件事。一个函数和一个方法，所不同的是一个 function语句的一个独立的单元和方法被附加到对象，并可以通过这个关键字被引用之间的差别不大。
方法可用于一切从显示对象的屏幕上的内容，以对一组本地的属性和参数执行复杂的数学运算是有用的。
例子：
下面是一个简单的例子来说明如何使用write()文档对象的方法写在文档中的任何内容：
document.write("This is test");
用户定义的对象：
所有用户定义的对象和内置对象被称为对象的对象的后代。
new 操作符:
new运算符用于创建对象的实例。要创建一个对象，new运算符后面是构造方法。
在下面的例子中，构造方法Object(), Array(), 和 Date().。这些构造函数是内置的 JavaScript 函数。
var employee = new Object();
var books = new Array("C++", "Perl", "Java");
var day = new Date("August 15, 1947");
Object() 构造函数:
构造函数是用来创建和初始化对象的函数。 JavaScript提供了一个特殊的构造函数调用Object()来构建的对象。Object()构造的返回值被分配给一个变量。
变量包含一个引用到新的对象。分配给该对象的属性是不变量，并且不使用var关键字来定义。
示例 1:
这个例子演示了如何创建一个对象：
<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
var book = new Object(); // Create the object
book.subject = "Perl"; // Assign properties to the object
book.author = "Mohtashim";
</script>
</head>
<body>
<script type="text/javascript">
document.write("Book name is : " + book.subject + "<br>");
document.write("Book author is : " + book.author + "<br>");
</script>
</body>
</html>
示例 2:
这个例子演示如何创建一个对象，一个用户定义的函数。此处this关键字用于指已传递给函数的对象：
<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
function book(title, author){
this.title = title;
this.author = author;
}
</script>
</head>
<body>
<script type="text/javascript">
var myBook = new book("Perl", "Mohtashim");
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
</script>
</body>
</html>
定义方法的对象：
前面的示例演示了如何构造函数创建对象并分配属性。但是，我们需要通过分配方法，以它来完成一个对象的定义。
例子：
下面是一个简单的例子来说明如何与一个对象添加一个函数：
<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
// Define a function which will work as a method
function addPrice(amount){
this.price = amount;
}
function book(title, author){
this.title = title;
this.author = author;
this.addPrice = addPrice; // Assign that method as property.
}
</script>
</head>
<body>
<script type="text/javascript">
var myBook = new book("Perl", "Mohtashim");
myBook.addPrice(100);
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>
with 关键字:
with关键字作为一种速记的引用对象的属性或方法。
指定为参数的对象就成为接下来的块的持续时间的默认对象。为对象的属性和方法可以在不命名的对象。
语法
with (object){
properties used without the object name and dot
}
例子：
<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
// Define a function which will work as a method
function addPrice(amount){
with(this){
price = amount;
}
}
function book(title, author){
this.title = title;
this.author = author;
this.price = 0;
this.addPrice = addPrice; // Assign that method as property.
}
</script>
</head>
<body>
<script type="text/javascript">
var myBook = new book("Perl", "Mohtashim");
myBook.addPrice(100);
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>
以上就是JavaScript中对象属性、方法、用户定义的对象定义和用法详解的详细内容，更多请关注其它相关文章！
下一篇： 你对于PHP漏洞有哪些了解？(详细介绍)
推荐阅读
-
Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法详解
-
JavaScript中定义对象原型的两种使用方法
-
Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法详解
-
JavaScript中的window对象的属性和方法；JavaScript中如何选取文档元素
-
JavaScript中的获取对象宽高等属性的方法和区别对比讲解
-
详解JavaScript中的数组合并方法和对象合并方法
-
Asp中err和error对象的属性详解及用法示例
-
JavaScript中定义对象原型的两种使用方法
-
JavaScript中的this指向和自定义属性详解
-
javascript中对象的定义、使用以及对象和原型链操作小结