简单理清一下proto与prototype】的更多相关文章

这篇博客主要是为了理清自己的思路. 先上图,所有内容都从这张图来讲. 在js中,所有的东西都是对象,包括是function. prototype这个属性是函数特有的.有两层含义,第一层含义指的是某对象的属性,而第二层则是作为一个对象. 比如,Foo.prototype  → → →  Foo.prototype,它指的就是  Foo的原型属性   指向   Foo的原型对象. proto我们可以把它叫做隐式原型,每个对象都具有该属性,它指向创建该对象的那个构造函数的原型对象. 下面开始分析图表…
今天,一个技术群里小朋友提出一个问题: Object.prototype.a = function () { console.log('a') } Function.prototype.b = function () { console.log('b') } function F(){} var f = new F(); f.a(); f.b(); F.a(); F.b(); 我默念心中的万能公式,答案一下就出来了: a; 报错(f.b is not a function): a: b: 这下子…
原型和闭包是Js语言的难点,此文主要讲原型. 每一个方法都有一个属性是 prototype 每一个对象都有一个属性是 _proto_ 一旦定义了原型属性或原型方法,则所有通过该构造函数实例化出来的所有对象,都继承了这些原型属性和原型方法,这是通过内部的_proto_链来实现的. /* Js所有的函数都有一个prototype属性,这个属性引用了一个对象,即原型对象,也简称原型.这个函数包括构造函数和普通函数,我们讲的更多是构造函数的原型,但是也不能否定普通函数也有原型. 每一个方法都有一个属性叫…
[_proto_与prototype] 1.prototype(函数的原型):函数才有prototype.prototype是一个对象,指向了当前构造函数的引用地址. 2._proto_(对象的原型对象):所有对象都有_proto_属性.当用构造函数实例化一个对象时,会将新对象的_proto_属性指上构造函数的prototype. zhangsan._proto_==Person.prototype 所有对象,最终都会指向Object()的prototype [原型链] 1.通过构造函数 new…
一.简单使用构造原型加prototype造简单的轮子. 1.想jQ那样获取HTML元素,先看JS代码 function Cmf() { //创建构造函数 this.arry = [] } Cmf.prototype.getNode = function(tag, id) { //给构造函数定义一个getNode方法 if (tag.indexOf('.') == 0) { //如果传入的是类class形式 .nav var oparent = id ? document.getElementBy…
JavaScript三大毒瘤 --- this,原型链,作用域 在我等菜鸟一步一步升级中的过程中,这三个概念总是困扰这我们(可能只有我吧,我比较蠢).这三个东西往往都很绕,今天我就来分享一下我对原型.原型链的理解,希望各路大神看到我有错的能纠正一下,也希望能帮助到不懂的人,能逐渐把这些弄懂. 首先 要弄清楚 原型链 ,首先要知道这三个东西 prototype  [[Prototype]]  constructor .哇 这都是什么鬼啊? 好,现在我们就详细说说这三者分别是什么东西. protot…
原型是一个对象,其他对象可以通过它实现属性继承 原型链:每个对象都会在其内部初始化一个属性,就是__proto__,当我们访问一个对象的属性 时,如果这个对象内部不存在这个属性,那么他就会去__proto__里找这个属性,这个__proto__又会有自己的__proto__,于是就这样 一直找下去,也就是我们平时所说的原型链的概念. 按照标准,__proto__是不对外公开的,也就是说是个私有属性,但是部分浏览器的引擎将他暴露了出来成为了一个共有的属性,让我们可以对外访问和设置. 对象(Obje…
本来想把之前对artTemplate源码解析的注释放上来分享下,不过隔了一年,找不到了,只好把当时分析模板引擎原理后,自己尝试 写下的模板引擎与大家分享下,留个纪念,记得当时还对比了好几个模板引擎来着. 这里所说的js的模板引擎,用的是原生的javascript语法,所以很类似php的原生模板引擎. 前端模板引擎的作用? 1. 可以让前端开发更简单,不需要为了生成一个dom结构而使用+运算符去拼接字符串,而只需要一个元素的(里面的html模板),或者一个变量(存储着模板),或者 一个模板文件 2…
http://www.cnblogs.com/wbin91/p/5265163.html 先上代码 function(y) Foo{ this.y = y;} Foo.prototype.x = 10; Foo.prototype.calculate = function(z){return this.x + this.y + z;}; var b = new Foo(20); var c = new Foo(30); 再上图 来源 再来一个图 来源 对于JavaScript中的prototyp…
Creative.js 'use strict'; var pool = require('../utils/MysqlUtils'); var util = require('util'); var BaseModel = require('./BasicModel'); var Q = require('q'); var INSERT_SQL = "INSERT INTO `creatives` ( `name`, `form`, `platform`,`description`,`adzo…