博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript中的对象和原型(一)(转载)
阅读量:5869 次
发布时间:2019-06-19

本文共 1819 字,大约阅读时间需要 6 分钟。

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

转载地址:http://knxnx.baihongyu.com/

你可能感兴趣的文章
如何将 Elixir 模块风格应用在 JS 中
查看>>
一次与陌生男子结对编程3天的经历
查看>>
Spring Boot 揭秘与实战(二) 数据存储篇 - MySQL
查看>>
Python绘制六种可视化图表详解(建议收藏)
查看>>
这部关于 AI 的纪录片,还是值得一看的
查看>>
在docker中用Tomcat运行web项目
查看>>
用JavaScript实现一门编程语言 3 (写一个解析器)
查看>>
编写一个分析代码依赖的工具(一)
查看>>
微信小程序教学第三章(含视频):小程序中级实战教程:列表-静态页面制作...
查看>>
虚拟机下CentOS7开启SSH连接 解决xshell连接不到centos服务器
查看>>
仿有赞后台+vue+ts+vuecli3.0+elementUi+四期vueX的使用+图片上传+富文本编译器
查看>>
多线程是个什么鬼?
查看>>
对浏览器css兼容性的学习理解及问题解决汇总
查看>>
卷积神经网络文本分类
查看>>
什么样的需求评审会是高效的?
查看>>
[Android]如何做一个崩溃率少于千分之三噶应用app(29)- 重构调用解耦
查看>>
使用 TensorFlow 在卷积神经网络上实现 L2 约束的 softmax 损失函数
查看>>
CTF主办方指南之对抗搅屎棍
查看>>
A Security Analysis Of Browser Extensions
查看>>
从源码的角度看 Service 是如何启动的
查看>>