JS使用new创建对象与不使用new创建对象的区别

   本文将探讨一下使用new创建对象与不使用new创建对象的区别,一下面这段代码为例:     

function Person(name){
	this.name = name;
	console.log(this);
	return {name:name};//返回对象
}
Person.prototype.name = "Alice";
var person1 = new Person("Bob");
var person2 = Person("Alice");


console.log(person1);
console.log(person2);

   运行结果如下:

JS使用new创建对象与不使用new创建对象的区别_第1张图片

    如果,我们使用var person2 = Person("Alice");等同于执行了Student函数,在此种情况,函数内部的this,指向的是window;在使用var person1 = new Person("Bob");使用new创建时,那么通过函数内部的console.log(this)可以看到,该this指向了当前的person2。
    将上面的代码进行更改,将返回结果改为基本数据类型,代码如下:

function Person(age){
	this.age = age;
	console.log(this);
	return age;//如果此处返回的是基本数据类型,则不使用new时,直接返回name数据,使用时返回带有name属性的Person对象
}
Person.prototype.name = "20";
var person1 = new Person("16");
var person2 = Person("18");

console.log(person1);
console.log(person2);

运行结果如下:

JS使用new创建对象与不使用new创建对象的区别_第2张图片

    可以看到,对于 不加new 来执行函数来说,返回值,就是函数的执行结果18,对于加new 关键字来执行函数而言,如果return 的是基本数据类型,那么忽视掉该return值,返回的是具有该age属性的Person对象。 


你可能感兴趣的:(JS)