JavaScript原型和原型链学习

一、引用类型-对象

1、普通声明变量

	//普通声明变量
	let student = new Object();
	student.id=100
	student.name="JSON"
	student.sayhi =function(){
		console.log("我叫"+this.name+",id是"+this.id)
	}
	student.sayhi() //结果我叫JSON,id是100
	console.log(student.name) //结构JSON

2、字面量声明

	///字面量声明
let student ={
	id :200,
	name:"tom",
	sayhi: function(){
		console.log("我叫"+this.name+",id是"+this.id)
	}
}
student.sayhi() //结果我叫tom,id是200
console.log(student.name) //结果tom

3、构造函数 在构造函数中定义类的属性和方法

//构造函数  在构造函数中定义类的属性和方法
	function student3(id,name){
	this.id = id,
	this.name = name,
	this.sayhi = function(){
		console.log("我叫"+this.name+",id是"+this.id)
	}
}

let student = new student3(300,"liah")
let student1 = new student3(100,"wnagyw")
let student2 = new student3(320,"lssdh")
student.sayhi() //我叫liah,id是300
student1.sayhi() //我叫wnagyw,id是100
student2.sayhi() // 我叫lssdh,id是320

二、原型应用

//prototype称为原型，类似java里的static

Student3.prototype.count =100; 
 //原型变量  -- java里叫静态变量
 
Student3.prototype.study = function(){
	console.log("共享学习空间")
}  //原型方法   静态方法

let student = new Student3(300,"liah")
let student1 = new Student3(100,"wnagyw")
let student2 = new Student3(320,"lssdh")

student.study()
student1.study()
student2.study()

student.sayhi()
student1.sayhi()
student2.sayhi()

console.log(student.sayhi == student1.sayhi)  //不同实例对象的普通方法的地址是不一样的  开辟了新空间
console.log(student.study == student1.study)  //不同实例对象的原型方法的地址是一样的 都指向一个空间，节省了空间

console.log(student)
console.log(student1)
console.log(student2)

典型案例