JavaScript中的对象和原型(一)


Posted in Javascript onAugust 12, 2016

面向对象的语言(如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 相关文章推荐
jquery中输入验证中一个不错的效果
Aug 21 Javascript
基于jQuery的history历史记录插件
Dec 11 Javascript
JavaScript如何从listbox里同时删除多个项目
Oct 12 Javascript
JS去除字符串两端空格的简单实例
Dec 27 Javascript
jQuery实现鼠标经过图片变亮其他变暗效果
May 08 Javascript
vue2.0开发实践总结之入门篇
Dec 06 Javascript
JavaScript中的call和apply的用途以及区别
Jan 11 Javascript
jQuery判断自定义属性data-val用法示例
Jan 07 jQuery
详解在Javascript中进行面向切面编程
Apr 28 Javascript
JavaScript实现字符串与HTML格式相互转换
Mar 17 Javascript
使用vue判断当前环境是安卓还是IOS
Apr 12 Vue.js
JS前端使用canvas实现物体的点选示例
Aug 05 Javascript
JavaScript中对象的不同创建方法
Aug 12 #Javascript
酷! 不同风格页面布局幻灯片特效js实现
Feb 19 #Javascript
JS+CSS3模拟溢出滚动效果
Aug 12 #Javascript
JS中script标签defer和async属性的区别详解
Aug 12 #Javascript
jquery实现网站列表切换效果的2种方法
Aug 12 #Javascript
很实用的js选项卡切换效果
Aug 12 #Javascript
js实现浏览器倒计时跳转页面效果
Aug 12 #Javascript
You might like
《斗罗大陆》六翼天使武魂最强,为什么老千家不是上三宗?
2020/03/02 国漫
星际中的相关伤害
2020/03/04 星际争霸
PHP Session变量不能传送到下一页的解决方法
2009/11/27 PHP
php模拟js函数unescape的函数代码
2012/10/20 PHP
Smarty模板语法详解
2019/07/20 PHP
sencha touch 模仿tabpanel导航栏TabBar的实例代码
2013/10/24 Javascript
JS实现仿QQ聊天窗口抖动特效
2015/05/10 Javascript
javascript动态创建链接的方法
2015/05/13 Javascript
JS基于Mootools实现的个性菜单效果代码
2015/10/21 Javascript
php基于redis处理session的方法
2016/03/14 Javascript
jquery+ajaxform+springboot控件实现数据更新功能
2018/01/22 jQuery
vue-router beforeEach跳转路由验证用户登录状态
2018/12/26 Javascript
vue-cli 3 全局过滤器的实例代码详解
2019/06/03 Javascript
axios实现简单文件上传功能
2019/09/25 Javascript
js正则匹配多个全部数据问题
2019/12/20 Javascript
微信小程序中使用 async/await的方法实例分析
2020/05/06 Javascript
Python聚类算法之基本K均值实例详解
2015/11/20 Python
Python中绑定与未绑定的类方法用法分析
2016/04/29 Python
在 Python 应用中使用 MongoDB的方法
2017/01/05 Python
python实现分页效果
2017/10/25 Python
python3实现随机数
2018/06/25 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
Python数据可视化教程之Matplotlib实现各种图表实例
2019/01/13 Python
Python pandas DataFrame操作的实现代码
2019/06/21 Python
Python交互式图形编程的实现
2019/07/25 Python
Flask框架模板继承实现方法分析
2019/07/31 Python
python 利用turtle库绘制笑脸和哭脸的例子
2019/11/23 Python
印度尼西亚最大的电商平台:Tokopedia(印尼版淘宝)
2017/12/02 全球购物
年度考核登记表个人总结
2015/03/06 职场文书
恰同学少年观后感
2015/06/08 职场文书
高中运动会广播稿
2015/08/19 职场文书
市级三好生竞选稿
2015/11/21 职场文书
2016年暑假学生家长评语
2015/12/01 职场文书
志愿服务心得体会
2016/01/15 职场文书
自定义函数实现单词排序并运用于PostgreSQL(实现代码)
2021/04/22 PostgreSQL
详解MySQL多版本并发控制机制(MVCC)源码
2021/06/23 MySQL