js原型解析
来源:互联网 发布:视频制作软件免费下载 编辑:程序博客网 时间:2024/06/06 14:27
我们都知道javascript因为具有了继承以及变量等等一系列的特性之后才被人们认为具有一门编程语言的资格,在后续的不断发展中,js在原生的基础上扩展了基于jquery等等的库,甚至衍生了像node.js一样的扩展语言,在最后上随着快速化,工程化,以及一些业务开发的需要,经过不断的完善,最后变成了一种angular的框架,这就是简单的js的发展历史,但是今天我们的重点不在于讲述js发展的历史,而注重在于分析其中原生态js的一些特性,诸如prototype。 译过来就是原型的意思,那么什么是原型呢?顾名思义,原型就是一个事物或者语言最开始,最原始的基础之处,然后在其的基础之上进行扩展和发展衍生,这就是原型的字面意思,但是事实上原型的概念也正是在这个意思。它主要告诉了我们js本身最为原生的一些特性,以及他的扩展,下面我就用一个代码事例来简述什么是原型。
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script>functionshow(){vari = 0; }varobj =newshow();//console.log(obj);//-----------------------------------------------------//构造一个动物functionanimal(){this.age = 20;this.move =function(){} }//构造一个猫functioncat(){this.move =function(){ console.log("脚"); } }//实现猫继承动物cat.prototype =newanimal();//创建一个猫对象varcat1 =newcat(); console.log(cat1); cat1.move();</script></body></html>
我们通过这个例子就可以简单的了解我们js的原型思想,在例子中的猫,其实就是我们原生对象的一个原型,在经过一系列的继承以及发展之后,成了我们新的事物,这就是一个简单的js原型的列子。
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script>functionshow(){vari = 0; }varobj =newshow();//console.log(obj);//-----------------------------------------------------//构造一个动物functionanimal(){this.age = 20;this.move =function(){} }//构造一个猫functioncat(){this.move =function(){ console.log("脚"); } }//实现猫继承动物cat.prototype =newanimal();//创建一个猫对象varcat1 =newcat(); console.log(cat1); cat1.move();</script></body></html>
我们通过这个例子就可以简单的了解我们js的原型思想,在例子中的猫,其实就是我们原生对象的一个原型,在经过一系列的继承以及发展之后,成了我们新的事物,这就是一个简单的js原型的列子。
0 0
- js原型解析
- 最易懂的js原型之解析
- JS原型、原型链
- JS-原型、原型链
- JS原型,原型链
- js原型,原型链
- JS原型+原型链
- js 中对象--对象结构(原型链基础解析)
- 关于js原型的经典面试题解析
- js原型
- js原型
- js原型
- js原型
- js原型
- js原型
- js原型
- js原型
- js原型
- 小白学习 Retrofit2 由浅入深
- jsp中执行onclick会刷新一次页面的问题
- OFBiz入门实训教程
- Java中数据类型的转换规则
- 数组Array转成List的几种方法
- js原型解析
- android中invalidate()的自动清屏含义以及屏幕刷新
- [操作系统]处理UIScrollView中的编辑框被弹出键盘遮挡的问题
- JS面向对象——继承
- sql中左连接是什么意思啊,有什么作用啊?能否给个例子,谢谢大家
- Map集合中value()方法与keySet()、entrySet()区别
- 机器学习中的范数规则化之(一)L0、L1与L2范数
- iOS中添加UITapGestureRecognizer手势识别后,UITableView的didSelectRowAtIndexPath失效
- js中的数据类型