javascript_study/2.3.1_(prototype)基于原型的创建对象_model.html at master · cshuig/javascript_study

Repository navigation

History

<!DOCTYPE html PULBIC "-//W3C//DTD HTML 4.01/EN"

"http/www.w3.org/TR/html4/strict.dtd">

<head>

<title>1.6.1_函数的属性length</title>

* {

margin:0px;

padding:0px;

}

#fuck_prototype {

width: 1000px;

height:100%;

position:absolute;

left: 50%;

margin-left: -500px;

margin-top: 10px;

padding:10px;

}

</style>

/*以下样式了通过原型的创建方式：

使用基于原型的创建可以将属性和方法设置为对象的专有，

不能使用window调用*/

//第一中状态：原型

function Person(){

}

/*第二种状态：通过Person.prototype.xxx为原型设置值，这些属性和方法都是设置在Person的原型中的*/

Person.prototype.name = "cshuig";

Person.prototype.age = "123";

Person.prototype.say = function(){

alert(this.name +","+this.age);

}

/*第三中状态：创建了一个对象之后，

会在对象中有一个属性：_prop_ 这个属性是不能被访问的

当使用对象调用的时候，首先会在对象的内部找是否有这个属性，

如果没有会通过_prop_去原型中找属性，

所以当调用p1.say()，在自己的空间中不存在这个方法，就会去原型中寻找，

var p1 = new Person();

p1.say();

//window.say();//undefang

//以下方法可以检测出p1是否有_prop_指向Person的原型

alert(Person.prototype.isPrototypeOf(p1));

</script>

</head>

<body>

</div>

</body>

</html>

FilesExpand file tree

2.3.1_(prototype)基于原型的创建对象_model.html

Latest commit

History

2.3.1_(prototype)基于原型的创建对象_model.html

File metadata and controls