JavaScript中的对象和原型(一)

面向对象的语言(如Java)中有类的概念,而通过类可以创建任意多个具有相同属性方法的对象。但是,JavaScript 没有类的概念,因此它的对象也与基于类的语言中的对象有所不同。

  要了解面向对象,首先就要了解Javascript中的对象和原型。这篇文章中主要学习一下Javascript中的对象。

 

  对象其实就是一种引用类型。而对象的值就是引用类型的实例。在JavaScript 中引用类型是一种数据结构,将数据和功能组织在一起。它也常被称做为类,但JavaScript 中却没有类的概念。虽然JavaScript 是一门面向对象的语言,却不具备传统面向对象语言所支持的类和接口等基本结构。

  二 对象的创建以及常用操作

  

1.使用new运算符

rush:js;">

  说明:上面的方式中new关键字可以省略,即var user = new Object();等价于 var user = Object();

  

2.JSON法创建

  关于JSON的一些知识可以百度搜索下。

  简单的JSON对象: {name:'念在三角湖畔',age:22,address:'湖北武汉'}

rush:js;"> //使用JSON法创建 /* 简单的JSON对象:{name:'念在三角湖畔',address:'湖北武汉'} */ var user = { name:'念在三角湖畔',address:'湖北武汉' }; alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武汉'

  

3.传统赋值方式

rush:js;"> //传统赋值 var user = {}; user.name = '念在三角湖畔'; //给对象添加属性 user.age = 22; user.address = '湖北武汉'; alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武汉'

 

 4.属性调用

  对于对象属性调用有两种方式:

  拿上面的例子来说,上面我们已经用了其中一种方式,也就是'.'运算符,调用方法如下:

rush:js;"> alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武汉'

  另一种方法

rush:js;"> alert(user['name'] + " " +user['age']);//返回 '念在三角湖畔 湖北武汉

  

5.给对象添加方法

  给对象添加方法和给变量添加一个属性其实大同小异。具体代码如下:

rush:js;"> 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 对象名称.属性名称

rush:js;"> var user = { name:'念在三角湖畔',address:'湖北武汉' }; alert(user.name);//返回‘念在三角湖畔' delete user.name;//删除user的name属性 alert(user.name);//返回‘undefined'

  三 总结

  这里比较浅显的讲述了一下Javascript中对象的创建和对象方法添加以及对象属性删除。对象在javascript面向对象中是一个比较重要的,也算是一个比较基础的部分,只有弄清楚了对象的一些常用操作才能够进行面向对象开发。

以上所述是小编给大家介绍的JavaScript中的对象和原型(一)。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

相关文章

什么是深拷贝与浅拷贝?深拷贝与浅拷贝是js中处理对象或数据...
前言 今天复习了一些前端算法题,写到一两道比较有意思的题:...
最近在看回JavaScript的面试题,this 指向问题是入坑前端必须...
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面