JavaScript创建对象

来源:互联网 发布:火星时代有网络班 编辑:程序博客网 时间:2024/05/21 05:43

javascript创建对象的三种方式:

字面量方式创建

构造函数创建对象

Object方式创建对象


1、字面量创建方式

<script type="text/javascript">    /*字面量方式    var obj = {};    var obj1 = {name:'dancheng', age:1};    给对象丰富成员    对象.成员名称 = 值    对象[成员名称] = 值    */    var obj = {};    console.log(obj);    var obj1 = {name:'dancheng', age:1, hobby:function () {        console.log('dancheng hobby');    }};    obj1.hah = 'dasdas';    obj1.sss = 'adasd';    console.log(obj1);    console.log(obj1.age);    obj1.hobby();</script>
效果图:



2、构造函数创建函数

<script type="text/javascript">    function Animal() {        //设置默认成员        this.name = "dd";        this.age = 6;        this.run = function () {            console.log('runing...');        }    }    var cat = new Animal();    console.log(cat);    cat.run();</script>
效果图:


3、Object方式创建对象

<script type="text/javascript">    var dog = {color:'yellow'};    console.log(dog);    var cat = new Object();    cat.eat = "fish";    console.log(cat);</script>
效果图:



原创粉丝点击