博客列表 >javascript 创建对象_2018年9月11日

javascript 创建对象_2018年9月11日

宋超的博客
宋超的博客原创
2018年09月12日 17:41:46552浏览

javascript创建对象实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javascript 创建对象</title>
</head>
<body>
<script>

// 1.通过Object创建对象
   let person=new Object();
    person.name="xiaopi";
    person.age=26;
    person.sex="male";
    console.log(person.name + " is " + person.age + " years old.");

// 2.通过字面量创建对象
    let person1={name:'xiaojun',age:22,sex:'female'};

    console.log(person1);
// 2.通过构造函数创建对象
    function person2() {
        this.name='xiaohong';//通过this关键字设置默认成员
        this.age='23';
        this.sex='female';
        this.Introduce=function(){
            alert('MY name is '+this.name+' I\'m '+this.age+'years old '+this.sex);
        };
        console.log('MY name is '+this.name+' I\'m '+this.age+'years old '+this.sex);

    }
    let person3 = new person2();
    person3.Introduce();


</script>


</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

总结:javascript中一切皆对象。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议