一、面向对象
1.1、概念
(略)
1.2、new 运算符做了什么?
new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new 关键字会进行如下的操作:
- 1.创建一个空的简单JavaScript对象(即{});
- 2.链接该对象(即设置该对象的构造函数)到另一个对象 ;
- 3.将步骤1新创建的对象作为this的上下文 ;
- 4.如果该函数没有返回对象,则返回this。
二、创建对象
1. 通过new Object方式创建对象
/*** 创建对象*/
var obj = new Object();
obj.name = "小费";
obj.id = 001;
obj.age = 23;
obj.eat = function(){
console.log(this.name +'吃饭');
}
obj.eat();
2.Object.create({})方法创建对象
const obj = Object.create({
name:"小费",
print:function () {
console.log("Hello, "+ this.name)
}
})
3. 字面量创建对象
var object = {
name : '小南',
id: 001,
age : "23",
run:function(){
console.log(this.name+"跑起来了!!!!");
}
}
object.run();
缺点:在使用同一接口创建多个对象时,会产生大量重复代码
为了解决此问题,工厂模式被开发
4.工厂类方法创建对象
function factoryCreate(name,age) {
const obj = new Object()
obj.name = name
obj.age = age
obj.print = function () {
console.log("Hello, " + this.name)
}
return obj
}
- 优点:可以创建多个相似的对象。
- 缺点:没有解决对象的识别问题(不知道这个对象的类型)
5. 构造方法创建对象
/**
* 构造函数,它也是函数,行业一般习惯,函数名的首字母大写
*/
function Person(name,id){
this.name = name;
this.id = id;
this.eat = function(){
console.log(this.name+"id号是:"+this.id);
}
}
var person = new Person("夏宁",001);
var person1 = new Person("夏天",001);
person.eat();
console.log(person instanceof Person);//true
console.log(person instanceof Object);//true
// instanceof主要针对: [](数组) {}(对象) 自定义的构造函数
//构造函数创建对象造成的问题
console.log(person.fn === person1.fn);//false
缺点:每个实例都包含不同的Function实例(构造函数内的方法在做同一件事,但是实例化后却产生了不同的对象,方法是函数 ,函数也是对象)
6. 原型创建对象
function People(){
};
People.prototype.name = "小明";
People.prototype.id=001;
People.prototype.jump = function(){
console.log(this.name+",编号:"+this.id+",准备跳高比赛!!!");
}
var peo = new People();
peo.jump();
console.log(People.prototype);
//{name: "小明", id: 1, jump: ƒ,constructor: ƒ}
console.log(peo.__proto__);
//{name: "小明", id: 1, jump: ƒ, constructor: ƒ}
console.log(peo.__proto__ == People.prototype);//true
console.log(peo.constructor);//ƒ People(){}
优点:所有对象实例共享它的属性和方法(即所谓的共有属性),此外还可以设置实例自己的属性(方法)(即所谓的私有属性),可以覆盖原型对象上的同名属性(方法)
7. 混合模式创建对象
把私有的属性放在构造实例上,把公有的放在原型上。
- 方法一
function Student(name,age){
this.name = name;
this.age = age;
}
Student.prototype.id = '0001';
Student.prototype.goToSchool=function(){
console.log(this.name + "学号:"+this.id+",上课。");
}
var stu = new Student("小强",23);
var stu1 = new Student("小强",23);
stu.goToSchool();
console.log(Student.prototype);
//{id: "0001", goToSchool: ƒ, constructor: ƒ}
console.log(stu.__proto__);
//{id: "0001", goToSchool: ƒ, constructor: ƒ}
console.log(Student.prototype ==