Javascript中的对象和原型(一)
来源:互联网 发布:淘宝商品删除 重新上架 编辑:程序博客网 时间:2024/06/05 07:19
本文转载自博客园,原文链接:http://www.cnblogs.com/love17914/archive/2012/05/28/2521384.html
什么是原型?
原型是一个对象,其他对象可以通过它实现属性继承。
任何一个对象都可以成为原型么?
是
哪些对象有原型
所有的对象在默认的情况下都有一个原型,因为原型本身也是对象,所以每个原型自身又有一个原型
面向对象的语言(如Java)中有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。但是,JavaScript 没有类的概念,因此它的对象也与基于类的语言中的对象有所不同。
要了解面向对象,首先就要了解Javascript中的对象和原型。这篇文章中主要学习一下Javascript中的对象。
一 关于对象
对象其实就是一种引用类型。而对象的值就是引用类型的实例。在JavaScript 中引用类型是一种数据结构,将数据和功能组织在一起。它也常被称做为类,但JavaScript 中却没有类的概念。虽然JavaScript 是一门面向对象的语言,却不具备传统面向对象语言所支持的类和接口等基本结构。
二 对象的创建以及常用操作
1.使用new运算符
<script> var user = new Object(); //使用new运算符创建一个对象 user.name = '念在三角湖畔'; //给对象添加属性 user.age = 22; user.address = '湖北武汉'; alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武汉'</script>
说明:上面的方式中new关键字可以省略,即var user = new Object();等价于 var user = Object();
2.JSON法创建
关于JSON的一些知识可以百度上搜索下。
简单的JSON对象: {name:'念在三角湖畔',age:22,address:'湖北武汉'}
//使用JSON法创建/* 简单的JSON对象:{name:'念在三角湖畔',age:22,address:'湖北武汉'}*/var user = { name:'念在三角湖畔', age:22, address:'湖北武汉' };alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武汉'
3.传统赋值方式
//传统赋值var user = {};user.name = '念在三角湖畔'; //给对象添加属性user.age = 22;user.address = '湖北武汉';alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武汉'
4.属性的调用
对于对象属性的调用有两种方式:
拿上面的例子来说,上面我们已经用了其中一种方式,也就是'.'运算符,调用方法如下:
alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武汉'
另一种方法:
alert(user['name'] + " " +user['age']);//返回 '念在三角湖畔 湖北武汉
5.给对象添加方法
给对象添加方法和给变量添加一个属性其实大同小异。具体代码如下:
var user = { name:'念在三角湖畔', //给对象添加属性 age:22, address:'湖北武汉', showInfo:function(){//添加一个方法 alert(this.name+" "+this.age+" "+this.address);//返回 '念在三角湖畔 22 湖北武汉' }, showHello:showHello//将对象外部的方法添加到对象};function showHello(){ alert("Hello!"); }user.showInfo();//调用方法user.showHello();
6.删除对象的属性
删除对象的属性用delete操作符。格式:delete 对象名称.属性名称
var user = { name:'念在三角湖畔', //给对象添加属性 age:22, address:'湖北武汉'};alert(user.name);//返回‘念在三角湖畔’delete user.name;//删除user的name属性alert(user.name);//返回‘undefined’
三 总结
这里比较浅显的讲述了一下Javascript中对象的创建和对象方法的添加以及对象属性的删除。对象在javascript面向对象中是一个比较重要的,也算是一个比较基础的部分,只有弄清楚了对象的一些常用操作才能够进行面向对象开发。
- Javascript中的对象和原型(一)
- javascript中的 对象 和 原型
- Javascript中的对象和原型
- JavaScript中的原型和对象机制
- JavaScript中的原型和对象机制
- Javascript中的对象和原型(二)
- Javascript中的对象和原型(三)
- JavaScript中的原型和对象机制
- Javascript中的对象和原型(三)(转载)
- Javascript中的对象和原型(二)
- JavaScript中的构造函数和原型对象
- javascript中的原型对象
- javascript中的原型对象
- javascript中的原型/对象
- javaScript对象和原型
- javascript中的对象详解,以及对象和原型链
- 【web前端-理解js原型】理解Javascript中的原型对象、原型链和继承
- JavaScript中的对象和原型链,函数继承(转)
- Divide Two Integers
- 常用Maven命令
- STL之队列的运用
- Android加载大图避免程序OOM
- 诊断 Grid Infrastructure 启动问题 (文档 ID 1623340.1)
- Javascript中的对象和原型(一)
- 提取网页中的源代码,以html格式存储
- CityEngine下如何更好的实现影像与地形叠加
- ASP.NET中Onclick和OnserverClick事件的区别
- linux下/proc文件夹内容详解
- 基于DM642的MPEG-2视频压缩编码
- 省市县效果
- Xcode与github结合使用详细教程
- Eclipse - Eclipse插件安装方法