<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>原型鏈</title>
<script type="text/javascript">
//對象的類型
// function f1(){};
// var f2=function(){};
// var f3=new Function('str','console.log(str)');
// var o3=new f1();
// var o1={};
// var o2=new Object();
// console.log(typeof Object); //function
// console.log(typeof Function); //function
// console.log(typeof o1); //object
// console.log(typeof o2); //object
// console.log(typeof o3); //object
// console.log(typeof f1); //function
// console.log(typeof f2); //function
// console.log(typeof f3); //function
// console.log('以下是對象的prototype');
// console.log(typeof o1.prototype); //object
// console.log(typeof o2.proto); //object
// console.log(typeof o3.proto); //object
// console.log(typeof f1.prototype); //function
// console.log(typeof f2.prototype); //function
// console.log(typeof f3.prototype); //function
//原型鏈生成對象詳解
// var person=function(name){
// this.name=name;
// }
// person.prototype.getName=function(){
// return this.name;
// }
// var tbh=new person('tangbohao');
// console.log(tbh.proto);
// console.log(tbh.proto === person.prototype);
// console.log(person.prototype.proto === Object.prototype);
// var tbh=new person('tangbohao');
// console.log(Object.prototype.proto)
// document.write(tbh.getName());
//原型鏈實現繼承實例
// function Person(name){
// this.name=name;
// this.ClassName="person";
// }
// Person.prototype.getClassName=function(){
// console.log(this.className);
// }
// function Man(){
// }
// //Man.prototype=new Person(); //new一個父類的示例，賦值給子類的原型,這種方法子類無法通過父類創(chuàng)建私有屬性
// Man.prototype=new Person("qwer");
// var man=new Man;
//利用原型鏈，調用構造函數的方式
// function Person(name){
// this.name=name;
// this.ClassName="Person";
// }
// Person.prototype.getName=function(){
// console.log(this.name);
// }
// function Man(name){
// Person.apply(this,arguments);
// }
// var man1=new Man('zhangsan');
// var man2=new Man('lisi');
//es6的繼承方式
class Person{
//static count=0;
constructor(name){
this.name=name;
//this.count++;
}
getName(){
console.log(this.name);
}
static test(){
console.log("靜態(tài)方法");
}
}
class Man extends Person{
constructor(name){
super(name);
this.sex="male";
}
}
var man=new Man("wangwu");
man.getName();
Man.test();
// var q={
// qwe:"123",
// asd:"456",
// zxc:"789"
// }
</script>
</head>
<body>
</body>
</html>
