关于javascript:JavaScript编程知识对象Object概述

3次阅读

共计 2085 个字符,预计需要花费 6 分钟才能阅读完成。

注释

JavaScript 是面向对象编程(OOP)语言。如果编程语言为开发人员提供了四种基本功能,则能够将其称为面向对象

  • 封装 – 在对象中存储相干信息(无论是数据还是办法)的性能。
  • 聚合 – 将一个对象存储在另一个对象中的能力。(PS:存在肯定争议,国内普遍认为面向对象的特色是除此之外的三个)
  • 继承 – 类的某些属性和办法依赖于另一个类(或类的数量)的能力。
  • 多态性 – 编写一种以各种不同形式工作的函数或办法的能力。

对象由 属性 组成。如果 属性 蕴含 函数 ,则将其视为对象的 办法,否则将该属性视为属性。

一、对象属性

对象属性能够是三种根本数据类型中的任何一种,也能够是任何抽象数据类型,例如另一个对象。对象属性通常是在对象办法外部应用的变量,但也能够是在整个页面中应用的全局可见变量。

向对象增加属性的语法是:

objectName.objectProperty = propertyValue;

以下代码应用文档(PS:document,内置的零碎属性)对象的“title”属性获取文档题目。

var str = document.title;

二、对象办法

办法是让对象做某事或让某事做完的性能。函数和办法之间存在细微差别:函数是一个独立的语句单元,一个办法附加到一个对象,能够通过 this 关键字援用。

以下是一个简略示例,阐明如何应用 document 对象的 write()办法在文档上写入任何内容。

document.write("This is test");

用户定义的对象

所有用户定义的对象和内置对象都是名为 Object 的对象的子类(PS:能够了解成 Object 的孩子)。

三、new 操作符

new 运算符用于创建对象的实例。要创建对象,new 运算符后跟构造函数办法。

在以下示例中,构造函数办法是 Object(),Array()和 Date()。这些构造函数是内置的 JavaScript 函数。

四、Object()构造函数

构造函数是一个创立和初始化对象的函数。JavaScript 提供了一个名为 Object()的非凡构造函数来构建对象。Object()构造函数的返回值调配给变量。该变量蕴含对新对象的援用。

上代码,demo1:

PS:以下代码,能够间接在本人的电脑上创立一个 txt 文件,把把内容,写到 txt 文件中。把文件的后缀名改为 html 就能够双击间接关上。为了更好的复制,截图下方,提供反复的文字版~

<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>

PS:援用 怎么了解呢?可能了解为,它只是一个示意,通过这个示意能够找到真正的实例对象。

输入后果:

Book name is : Perl 
Book author is : Mohtashim

demo2:

此示例演示如何应用用户定义的函数创建对象。上面这个关键字被用来指已传递给函数的对象。

<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>

输入:

Book title is : Perl 
Book author is : Mohtashim 
Book price is : 100
正文完
 0