1. 构造函数来创建对象
function Person (name, age, friend) { //一般首字母要大写
//属性
this.name = name;
this.age = age;
// this.friend = {
// name : friend.name,
// age : friend.age
// }
this.friend = friend;
//方法
this.sayHello = function () {
console.log("大家好,我叫:" + this.name + ",年龄:" + this.age);
}
//不需要return,通过构造函数方式创建对象,构造函数没有显性的返回值,
//如果是通过new关键字配合构造函数使用的话,就相当于创建了一个当前类型的实例对象,程序会默认给我们加上一个 return this
//如果使用new来调用,this就是指向当前对象
}
var person1 = new Person('小雪', 18, '小黑');
2. 函数与对象的关系
但是有个奇怪的现象,从上面的代码我们可以看出对象是由函数创建而来的,
有人可能存在疑问?字面量法呢?且看下面的测试
字面量法创建对象和数组:
var obj={name:'王宝强',age:18};
var arr=[1,2,"a"];
其实以上代码的本质是:
var obj=new Object();
obj.name="王宝强";
obj.age=18;
var arr=new Array();
arr[0]=1;
arr[1]=2;
arr[2]="a";
下面我们打印一下
console.log(typeof(Object));//function
console.log(typeof(Array));// function
打印结果Object 和 Array 都是function,所以说对象是函数创建的是没有问题的。
但是我们又说函数就是对象的一种。什么情况?函数与对象到底什么关系?
var fn = function () { };
console.log(fn instanceof Object); // true
看着上面的代码觉得没问题是吧 的确
和数组与对象不一样,数组可以看出对象的一个子集。但是函数和对象的关系是相互包含的关系。让人难以理解,这是一个悖论?后来想想这就是现实生活中鸡生蛋蛋生鸡的道理一样,看来一门语言也是一门生活哲学啊!
3.构造函数使用new关键字与不使用的区别
function Person (name) {
this.name1 = name;
}
var person = Person("哈哈");
console.log(person);// undefined
//在访问window的name属性
console.log(window.name1);//哈哈
console.log(this.name1);// //哈哈
//当不使用new关键字调用构造函数的时候,构造函数内部的this会指向window对象
如何消除这种不同?
解决方案1.
function Person (sex) {
if (this == window) {//判断调用的环境如果是全局则返回一个新建对象
return new Person(sex);
}
this.sex = sex;
}
var person1 = Person("女");
var person2= new Dog("男");
console.log(person1.sex);//女
console.log(person2.sex);//男
解决方案2.
function Person(sex){
if (this instanceof Person) {//利用instanceof判断this
this.sex = sex;
return this
}
return new Person(sex);
}
这两个解决方案只是有助于对关键字new的理解,没什么太大的用处。