美文网首页编程地带JavaScript 进阶营
javascript学习(四)-对象与函数

javascript学习(四)-对象与函数

作者: MA木易YA | 来源:发表于2018-12-23 16:56 被阅读0次

    JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对象。

    JavaScript 对象

    对象只是一种特殊的数据。对象拥有属性和方法。

    访问对象的属性

    objectName.propertyName

    #使用了 String 对象的 length 属性来获得字符串的长度:
    var message="Hello World!";
    var x=message.length;
    
    #输出
    12
    

    访问对象的方法

    objectName.methodName()

    #使用 String 对象的 toUpperCase() 方法来将文本转换为大写:
    var message="Hello world!";
    var x=message.toUpperCase();
    
    #输出
    HELLO WORLD!
    

    创建 JavaScript 对象

    通过 JavaScript,您能够定义并创建自己的对象。

    创建新对象有两种不同的方法:

    1. 定义并创建对象的实例
    2. 使用函数来定义对象,然后创建新的对象实例
    • 创建直接的实例:
    #创建对象的一个新实例,并向其添加了四个属性:
    person=new Object();
    person.firstname="John";
    person.lastname="Doe";
    person.age=50;
    person.eyecolor="blue";
    
    • 使用对象构造器:
    function person(firstname,lastname,age,eyecolor)
    {
        this.firstname=firstname;
        this.lastname=lastname;
        this.age=age;
        this.eyecolor=eyecolor;
    }
    

    创建 JavaScript 对象实例

    一旦您有了对象构造器,就可以创建新的对象实例,就像这样:

    var myFather=new person("John","Doe",50,"blue");
    var myMother=new person("Sally","Rally",48,"green");
    

    添加属性

    person.firstname="John";
    person.lastname="Doe";
    person.age=30;
    person.eyecolor="blue";
    
    x=person.firstname;
    
    #输出
    x=John
    

    添加方法

    function person(firstname,lastname,age,eyecolor)
    {
        this.firstname=firstname;
        this.lastname=lastname;
        this.age=age;
        this.eyecolor=eyecolor;
    
        this.changeName=changeName;
        function changeName(name)
        {
            this.lastname=name;
        }
    }
    
    #可以使用objectName.methodName()调用方法
    myMother.changeName("Doe");
    

    相关文章

      网友评论

        本文标题:javascript学习(四)-对象与函数

        本文链接:https://www.haomeiwen.com/subject/rytbhqtx.html