面向对象的语言(如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面向对象中是一个比较重要的,也算是一个比较基础的部分,只有弄清楚了对象的一些常用操作才能够进行面向对象开发。

转载于:https://www.cnblogs.com/sandea/p/3293688.html

Javascript中的对象和原型(一)(转载)相关推荐

  1. 创建健壮的isArray()函数(JavaScript中判断对象类型的种种方法)

    我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一 ...

  2. Javascript中的对象查找【转】

    编辑点评:本文作者为大家介绍Javascript中的对象查找一些问题,希望有所帮助. 近期群里常有人提一些简单的问题,比如发一段代码乱七八糟的代码,然后说里面某个变量是什么,比如这里就有个很好的例子: ...

  3. 检查值是否是JavaScript中的对象

    如何检查值是否是JavaScript中的Object? #1楼 尝试这个 if (objectName instanceof Object == false) {alert('Not an objec ...

  4. JavaScript 中的对象拷贝(深拷贝、浅拷贝)

    对象是 JavaScript 的基本块.对象是属性的集合,属性是键值对.JavaScript 中的几乎所有对象都是位于原型链顶部 Object 的实例. 介绍 如你所知,赋值运算符不会创建一个对象的副 ...

  5. JavaScript 中遍历对象的属性

    原文链接 JavaScript 中遍历对象的属性 参考 JavaScript中的属性:如何遍历属性 <JavaScript 高级程序设计> 概述 遍历 JavaScript 对象中的属性没 ...

  6. JavaScript 中遍历对象的属性 1

    JavaScript 中遍历对象的属性 原文链接 JavaScript 中遍历对象的属性 参考 JavaScript中的属性:如何遍历属性 <JavaScript 高级程序设计> 概述 遍 ...

  7. 如何遍历JavaScript中的对象

    Once in a while, you may need to loop through objects in JavaScript. The only way to do so before ES ...

  8. JavaScript中的对象比较[重复]

    本文翻译自:Object comparison in JavaScript [duplicate] This question already has answers here : 这个问题已经在这里 ...

  9. 对象删除某个属性_充分了解JavaScript中【对象】的概念(二)

    点击上方「蓝字」关注我们 之前的文章: 充分了解JavaScript中[对象]的概念(一) 这篇文章我们继续来讲解JavaScript中[对象]的概念,因为这是一系列的文章,所以建议从第一篇文章开始看 ...

最新文章

  1. Spring注入---静态工厂
  2. NSPredicate的使用
  3. python中不能使用索引运算的是_Python数据分析之Pandas库(笔记)
  4. 电脑有回声_游戏东西丨兽人游戏Echo回声电脑手机汉化版
  5. Python数据类型之变量
  6. CVE-2015-1635(MS15-034)-HTTP.sys远程代码执行复现
  7. DeviceNet 消息类型
  8. K8s 学习者绝对不能错过的最全知识图谱(内含 56个知识点链接)
  9. QT5开发及实例学习之一main()函数相关内容介绍
  10. 因为CSS文件编码问题IE6无法正确解析CSS
  11. Linux设备驱动程序学习(2)-调试技术
  12. STM32单片机(二).STM32系列单片机的介绍
  13. 量子计算与PKS信创体系首次融合,实现算力跨越
  14. 用matlab解超越方程,MATLAB实例之对线性,非线性,超越方程的求解
  15. 计网:网络层协议ICMP
  16. java 耦合解耦_程序的耦合和解耦
  17. vsphere client 60天问题
  18. IOS OpenGL ES GPUImage 图像Lanczos重取样模糊效果 GPUImageLanczosResamplingFilter
  19. 协作通信关键技术(王辉)阅读心得
  20. eclipse Oxygen版本 安装cvs插件

热门文章

  1. php 使用redis
  2. [Usaco2008 Oct]灌水
  3. IOS —— KVO的一个小封装
  4. 《如何阅读一本书》之 阅读的层次
  5. JSONP跨域的原理解析及其实现介绍
  6. 使用Dropbox+Justwriting+Markdown建立个人博客
  7. Eclipse 常用最新插件.标记
  8. Linux性能测试 KSysguard工具
  9. sed 替换_生物信息之独孤九剑——sed
  10. parallelstream启动的线程数_谈谈并行流parallelStream