求知 文章 文库 Lib 视频 Code iProcess 课程 认证 咨询 工具 火云堂 讲座吧   成长之路  
会员   
要资料
 
追随技术信仰

随时听讲座
每天看新闻
 
 

Javascript教程
Javascript语法
在浏览器启用Javascript
在HTML中配置Javascript
Javascript变量和数据类型
Javascript运算符
Javascript if...else 语句
Javascript Switch Case
Javascript while循环
Javascript for循环
Javascript for...in循环
Javascript循环控制
Javascript函数
Javascript事件
Javascript Cookies
Javascript页面重定向
Javascript对话框
Javascript void关键词
Javascript页面打印
Javascript对象
Javascript Number对象
Javascript Boolean对象
Javascript String对象
Javascript Arrays对象
Javascript Date对象
Javascript Math对象
正则表达式和RegExp对象
Javascript文档处理模型
Javascript错误和异常处理
Javascript表单验证
Javascript动画
 
 

JavaScript对象
73 次浏览
23次  
 捐助

JavaScript是一种面向对象编程(OOP)语言。一种编程语言可以被称为面向对象的,它为开发者提供了四种基本功能:

1.封装 - 存储相关的信息,无论是数据或方法,还是对象

2.聚合 -  存储一个对象到另一个对象的内部

3.继承 - 类的能力依赖于另一个类(或类数),用于其部分的属性和方法

4.多态性 - 编写函数或者方法,在各种不同的方式工作

对象是由属性。如果属性包含一个函数,它被认为是一个对象的方法,否则,该属性被认为是一个属性。

对象属性:

对象的属性可以是任何三种基本数据类型的,或者任何抽象数据类型,如另一个对象。对象属性通常是内部使用的对象的方法的变量,但也可以是用于整个页面全局可见的变量。

用于添加属性的目的语法是:

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原生对象:

JavaScript有几个内置的或本地对象。这些对象是在你的程序访问的任何地方,将以同样的方式工作在任何操作系统上运行的任何浏览器。

这里是所有重要的JavaScript本地对象的列表:

JavaScript Number 对象

JavaScript Boolean对象

JavaScript String对象

JavaScript Array对象

JavaScript Date对象

JavaScript Math对象

JavaScript RegExp对象

 


您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码: 验证码,看不清楚?请点击刷新验证码 必填



73 次浏览
23次
 捐助
 


每天2个文档/视频
扫描微信二维码订阅
订阅技术月刊
获得每月300个技术资源
 
 

关于我们 | 联系我们 | 京ICP备10020922号 京公海网安备110108001071号