美文网首页
JavaScript自定义对象

JavaScript自定义对象

作者: LZF_home | 来源:发表于2017-07-18 18:24 被阅读10次

    JavaScript对象是"属性的无序集合",里面以键/值对显现;属性为字符串,其值为任意类型。

    JavaScript中的所有事物都是对象:字符串、数组、数值、函数 ...,JavaScript提供了基本的内置对象供开发人员直接使用,如:FormData,String,Date,Array,File等。

    在项目开发中,一些固定的逻辑或功能,通常会封装在自定义的JavaScript对象中,以便于代码的复用和管理。

    访问对象属性

    var value = object.propertyName; 
    var value = object['propertyName'];
    
    

    调用对象的方法

    object.methodName();//无参
    object.methodName(parm1,...);//有参
    
    

    自定义对象的创建

    1.字面量创建对象

    person=new Object();
    person.firstname="Bill";
    person.lastname="Gates";
    person.age=56;
    person.eyecolor="blue";
    //或者:
    person = {
        firstname:'Bill',
        lastname:'Gates',
        age:56,
        eyecolor:'blue'
    }
    

    2.new 构造函数

        function People(name) {
                this.name = name;
                this.createTool = function(){
                    console.log('I can fly');
                }
            }
    
            var people = new People('Paula');
            people.createTool();
    

    3.使用Object.create(prototype,propertyDescriptor)

    参数prototype:创建对象的原型,若为null,即对象的原型为undefine

    propertyDescriptor:{} 可选,描述属性

     function Animal() {
            }
            Animal.prototype = {
                actions: function(){
                    console.log('RUN');
                }
            };
            
            //以Animal对象为原型,可继承其它原型的方法
            var people = Object.create(Animal.prototype,{
                name:{value:'tom'},
                age:{value:56},
                createTool: {value:
                    function(){
                        console.log('I CAN JUMP');
                    }
                }
            });
            console.log(people.name);
            console.log(people.age);
            people.createTool();
            people.actions();
            
    

    相关文章

      网友评论

          本文标题:JavaScript自定义对象

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