博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
深入理解js——prototype原型
阅读量:5243 次
发布时间:2019-06-14

本文共 1023 字,大约阅读时间需要 3 分钟。

之前(深入理解js——一切皆是对象)中说道,函数也是一种对象。它也是属性的集合,你也可以对函数进行自定义属性。而JavaScript默认的给了函数一个属性——prototype(原型)。每个函数都有一个属性叫做prototype(原型)

这个prototype的属性值是一个对象(属性的集合,再次强调!),默认的只有一个叫做constructor的属性,指向这个函数本身。

prototype(原型)既然作为对象即属性的集合,不可能就只弄个constructor来玩玩,肯定可以自定义的增加许多属性。像Object,人家的prototype里面,就有好几个其他属性。

有点熟悉的感觉了。当然也可以在自己定义的方法的prototype中新增自己的属性,

function Fn() { }        Fn.prototype.name = '王福朋';        Fn.prototype.getYear = function () {            return 1988;        };

看懂了怎么做,但是为什么这样做?在jQuery代码中来看

var $div=$('div');

$div.attr('myName','小明');

以上代码中,$('div')返回的是一个对象(被函数创建的)。假设创建这一对象的函数是 myjQuery。它其实是这样实现的。

myjQuery.prototype.attr=funtion(){

  //

}

$('div')=new myjQuery();

用自己的代码演示:

function Fn(){}

Fn.prototype.name='小明';

Fn.prototype.getYear=function(){

  return 10;

}

fn1=new Fn();

console.log(fn1.name);

console.log(fn1.getYear());

Fn是一个函数,fn对象是从Fn函数new出来的,这样fn对象就可以调用Fn.prototype中的属性。

因为每个对象都有一个隐藏的属性——“__proto__”,这个属性引用了创建这个对象的函数的prototype(原型)。即:fn.__proto__ === Fn.prototype

 

转载于:https://www.cnblogs.com/xj198197/p/6125021.html

你可能感兴趣的文章
go:channel(未完)
查看>>
[JS]递归对象或数组
查看>>
CSS与Theme的作用——Asp.Net
查看>>
LeetCode(17) - Letter Combinations of a Phone Number
查看>>
20165115 2017-2018-2 《Java程序设计》第四周学习总结
查看>>
Linux查找命令对比(find、locate、whereis、which、type、grep)
查看>>
WPF自定义集合控件概述与遇到的问题
查看>>
路由器外接硬盘做nas可行吗?
查看>>
python:从迭代器,到生成器,再到协程的示例代码
查看>>
pytest的参数化测试
查看>>
Java多线程系列——原子类的实现(CAS算法)
查看>>
安装Pygame和pip的艰辛之路
查看>>
Hibernate的实体类为什么需要实现 java.io.Serializable 接口
查看>>
在Ubuntu下配置Apache多域名服务器
查看>>
多线程《三》进程与线程的区别
查看>>
Min Stack
查看>>
老鸟的Python入门教程
查看>>
Ubuntu下非常给力的下载工具--uget+aria2
查看>>
Nginx配置
查看>>
棋盘覆盖问题
查看>>