zoukankan      html  css  js  c++  java
  • Javascript中的对象和原型(一)(转载)

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

  • 相关阅读:
    PTA乙级 (*1034 有理数四则运算 (20分)(string.append()))
    Nginx反向代理部署Node.js应用配置方法
    js处理字符串的用法小结
    从零开始基于webpack搭建react全家桶
    Linux常用指令
    matplotlib作图时中文字体乱码解决办法
    大话数据结构 串
    大话数据结构 队列
    大话数据结构 栈
    大话数据结构 线性表
  • 原文地址:https://www.cnblogs.com/sandea/p/3293688.html
Copyright © 2011-2022 走看看