一个关于js中prototype的小实例
什么是prototype呢?看书,GOOGLE之,还问了一只很特别的鸟,学到了一点点,如下面的小实例:
<html>
<body>
<script lang="text/javascript">
function father(){
this.plus_other = function(){
alert('plus_other: ' + this.cityId);
}
}
function City(){
this.plus_other = function(){
alert('plus_other!');
}
}
function City2(){}
City.prototype = father;
City2.prototype = father;
City.prototype.plus = function(){
alert('plus!');
}
var city1 = new City();
city1.plus_other();
var city2 = new City2();
//city2.plus_other(); 没有这个方法,所以这行会报错
city.plus();
</script>
</body>
</html>
<body>
<script lang="text/javascript">
function father(){
this.plus_other = function(){
alert('plus_other: ' + this.cityId);
}
}
function City(){
this.plus_other = function(){
alert('plus_other!');
}
}
function City2(){}
City.prototype = father;
City2.prototype = father;
City.prototype.plus = function(){
alert('plus!');
}
var city1 = new City();
city1.plus_other();
var city2 = new City2();
//city2.plus_other(); 没有这个方法,所以这行会报错
city.plus();
</script>
</body>
</html>
其实prototype(原型)就是类似于基类……,而使用 “某对象A.prototype.XXX” 的方法就是把新的方法或者属性定义到 “A对象”的原型(类似于父类、基类)中去。所以city2对象也有plus方法,但是city2对象没有plus_other方法。
prototype还有什么好玩的特性呢?……学习研究中……
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决