创建js对象_new+构造函数

1、js面向对象

// 编程语言:类、对象。封装、继承、多态
// 编程思想:构造函数(相当于js中的类)、对象

var obj1 = new Object();
obj1.name = "张三";
obj1.sayHi = function () {
    alert("hello");
};

var obj2 = {
    name: "张三",
    age: 12,
    syaHi: function () {
        alert("hello");
    }
}

// 通过函数(构造函数)创建对象:工厂模式
function CreatPerson (name,age) {
    // 创建一个空的局部对象
    var person = {};
    // 给这个局部对象添加新的属性、方法
    person.name = name;
    person.age = age;
    person.sayHi = function () {
        alert("hello");
    };
    
    // 把新对象返回出去,否则函数外部无法获取到这个对象
    return person;
    
}

// 通过调用函数来创建对象
// 弊端:系统无法判断该对象是由哪个构造函数创建出来的
var obj3 = CreatPerson("宋吉吉", 12);

console.log(obj3 instanceof CreatPerson);       //false


var arr = new Array();
console.log(arr instanceof Array);              //true

var obj4 = new CreatPerson("马容易劈腿",23);
console.log(obj4 instanceof CreatPerson);       //false

2、new构造函数创建

// 1、创建出对象的构造函数
function CreatPerson (name,age){
    // 把对象的属性、方法挂靠在this指针身上,当调用该函数创建对象时,this指针
       就指向这个新对象,挂靠在this上的属性、方法也就被添加进这个对象
    this.name = name;
    this.age = age;
    this.sayHi = function () {
        // 此处的this也指向创建出的对象
        alert(this.name + "hello");
    };
    
}

// 2、通过new调用构造函数来创建对象
var per1 = new CreatPerson('奥斯特洛夫斯基',80);
per1.sayHi();

console.log(per1 instanceof CreatPerson);

var per2 = new CreatPerson('奥利奥',3);

// 判断per1和per2的sayHi方法是否是同一块内存
console.log(per1.sayHi == per2.sayHi);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 博客内容:什么是面向对象为什么要面向对象面向对象编程的特性和原则理解对象属性创建对象继承 什么是面向对象 面向对象...
    _Dot912阅读 1,447评论 3 12
  • 普通创建对象和字面量创建对象不足之处:虽然 Object 构造函数或对象字面量都可以用来创建单个对象,但这些方式有...
    believedream阅读 2,418评论 2 18
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,742评论 18 399
  • 时间是极好的东西,原谅了不可原谅的过去曾经过不去的,也许想回到之前的时光,但是一转眼才发现过去的时光已经溜走...
    女王范爆棚阅读 597评论 0 0
  • 今天是5月24日,天啊日子实在太快了,转眼我就快来了俩个月了。 Day one 关键词:简洁优雅 官博idea也有...
    福尔摩洋阅读 305评论 0 0