JavaScript三大毒瘤 --- this,原型链,作用域 在我等菜鸟一步一步升级中的过程中,这三个概念总是困扰这我们(可能只有我吧,我比较蠢).这三个东西往往都很绕,今天我就来分享一下我对原型.原型链的理解,希望各路大神看到我有错的能纠正一下,也希望能帮助到不懂的人,能逐渐把这些弄懂. 首先 要弄清楚 原型链 ,首先要知道这三个东西 prototype  [[Prototype]]  constructor .哇 这都是什么鬼啊? 好,现在我们就详细说说这三者分别是什么东西. protot…
最初对js中 object.constructor 的认识: 我们都知道,在JS中有一个function的东西.一般人们叫它函数.比如下面的代码 function Person(name)    {      alert(name);    }    Person('js');//js   上面的代码中,Person的表现的确跟一般的函数没有什么区别,接着看下面的代码 代码 function Person(name)    {       this.name=name;       this.s…
连看4篇前辈的文章,记录一些知识点 Javascript继承机制的设计思想 Javascript 面向对象编程(一):封装 Javascript面向对象编程(二):构造函数的继承 Javascript面向对象编程(三):非构造函数的继承 1. constructor 在Javascript语言中,new命令后面跟的不是类,而是构造函数(constructor). 创建一个叫Student的构造函数,表示学生对象的原型 function Student(name){ this.name = nam…
一. Prototype.__proto__与Object.Function关系介绍 Function.Object:都是Js自带的函数对象.prototype,每一个函数对象都有一个显式的prototype属性(普通对象没有prototype),它代表了对象的原型(Function.prototype是一个对象,有constructor和__proto__两个属性,constructor指向构造函数本身,__proto__指向于它所对应的原型对象).__proto__:每个对象都有一个名为__…
一    Prototype.__proto__与Object.Function关系介绍        Function.Object:Js自带的函数对象.         prototype,每一个函数对象都有一个显示的prototype属性,它代表了对象的原型(Function.prototype函数对象是个例外,没有prototype属性).         __proto__:每个对象都有一个名为__proto__的内部隐藏属性,指向于它所对应的原型对象(chrome.firefox中名…
个人总结: 下面这篇文章很好的讲解了js原型,原型链,个人的总结是要记住这三个属性 prototype.__proto__和constructor 首先明确,js中一切都是对象object(A). (这里用A来表示) 这个对象object分为 实例对象(B)(A和B是两个不同的对象...这个意思很难表达),函数,原型这三种类型. 只要是函数就有prototype属性,它指向,这个函数的原型. 只要是对象(A)就有__proto__属性,它指向实例化这个对象的函数的原型. 只要是原型就有const…
vue.js 中 data, prop, computed, method,watch 介绍 data, prop, computed, method 的区别 类型 加载顺序 加载时间 写法 作用 备注 prop 1 beforeCreated, created之间 对象或数组 接收父组件传递的值 data 3 同↑ 对象或函数 定义以及初始化数据 最好是用于视图上展示的数据,否则最好定义在外面或者vm对象内(减少开支,提高性能):组件内只接受函数 computed 4 同↑ 函数 提供相对简单…
首先,我们需要了解三点: 1. 只要创建一个任意新函数,就会根据一个prototype属性,该属性指向函数的原型对象: 2. 每一个原型对象都会自动获得一个constructor属性,该属性只想prototype所在函数的指针: 3. 当调用构造函数创建实例时,该实例内部将包含一个指向构造函数原型对象的指针,在大部分浏览器中用__proto__标识: 从上面这三点我们可以了解到: 正常情况下:prototype属性 -> 原型对象 原型对象的constructor属性 -> 构造函数(即拥有p…
js in depth: Object & Function & prototype & proto & constructor & classes inherit advanced javascript 3 (红宝书) js OOP 对象继承 & 6 种方式 https://wangdoc.com/javascript/oop/prototype.html https://blog.csdn.net/longyin0528/article/details/…
三者暧昧关系简单整理 在javascript中,prototype.constructor以及__proto__之间有着“著名”的剪不断理还乱的三角关系,楼主就着自己对它们的浅显认识,来粗略地理理以备忘,有不对之处还望斧正. 楼主的一句话理解就是:某个对象的constructor属性返回该对象构造函数,其__proto__属性是个对象,值和其构造函数的prototype属性值一致. 先来说说prototype.prototype的解释是“原型”,js的所有函数都有一个prototype属性,其属…
proto(隐式原型)与prototype(显式原型) 显式原型 explicit prototype property:每一个函数在创建之后都会拥有一个名为prototype的属性,这个属性指向函数的原型对象. 隐式原型 implicit prototype link:JavaScript中任意对象都有一个内置属性[[prototype]],在ES5之前没有标准的方法访问这个内置属性,但是大多数浏览器都支持通过proto来访问.ES5中有了对于这个内置属性标准的Get方法Object.getP…
JavaScript能够实现的面向对象的特征有:·公有属性(public field)·公有方法(public Method)·私有属性(private field)·私有方法(private field)·方法重载(method overload)·构造函数(constructor)·事件(event)·单一继承(single inherit)·子类重写父类的属性或方法(override)·静态属性或方法(static member) 例子一(JavaScript中允许添加行为的类型):可以在…
一.Bom编程: 1.事件练习: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ…
Javascript 中 str. arr.date.obj 等常见的原生方法总结 本文也说主要阐释了 Javascript 中的基础类型和 引用类型的自带方法,那么熟悉的同学又可以绕道了 总是绕道,真是羞耻悳boy 当然 本文阐述的主要类容 from MDN ( zh-cn ) Object(Javascript 自带属性和方法) Object 自带属性 Object 自带一个 prototype 属性, 即为 Object.prototype, Object.prototype 本身也是一个…
作者:轩脉刃(yjf512)出处:(http://www.cnblogs.com/yjf512/)版权声明:本文的版权归作者与博客园共有.欢迎转载阅读,转载时须注明本文的详细链接. 原文 http://www.cnblogs.com/yjf512/archive/2011/06/03/2071914.html JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是,现在有1个类A,我…
今天做项目的时候,要在JS中获取请求参数中的 值,想直接用 ${param.tabName}获取,结果console.debug()打印出来,居然是  [object HTMLDivElement]  类型. 导致无法获取真正的值,原因可能是因为JQ默认把 这个值进行了封装,封装成 HTMLDivElement 对象,导致出问题. 解决办法,就是告诉JQ,这是一个字符串,不是对象,把var k =  ${param.tabName};    改成   var k =  '${param.tabN…
一.构造函数: 构造函数:通过new关键字可以用来创建特定类型的对象的函数.比如像Object和Array,两者属于内置的原生的构造函数,在运行时会自动的出现在执行环境中,可以直接使用.如下: var arr = new Array();//使用Array构造函数创建了一个array实例arr arr[]="a"; arr[]="b"; alert(arr);//a,b var obj=new Object();//使用Object构造函数创建了一个Object实例…
首先 先解释这三个属性: (1) prototype  : 它是函数独有的,从一个函数指向一个对象(函数的原型),含义是函数的原型对象,也就是这个函数所创建的实例的原型对象.(普通函数的该属性没有作用) 作用:让每一个实例共享同一套方法.(prototype就是用来盛放所有的构造函数的实例的方法的,prototype属性上的所有内容都可以被构造函数的实例去调用) (2) __proto__  : 它是对象独有的,从一个对象指向一个对象.(即指向他们的原型对象,可以理解为父对象) 作用:当访问一个…
<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/…
proto属性: 所有对象都有此属性.但它不是规范里定义的属性,并不是所有JavaScript运行环境都支持.它指向对象的原型,也就是你说的继承链里的原型.通过Object.getPrototypeOf方法也可以获取对象的原型. prototype属性: 只有函数-准确地说是构造函数-才有此属性,比如Math. pow这样的非构造函数就没有此属性.构造函数是干嘛的?是用来构造(即new)对象的.prototype就是为构造对象这个过程服务的,它指明了构造函数将要创建出来的对象的原型是谁,这样当你…
1.prototype的定义 javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解释是:返回对象类型原型的引用. 每一个构造函数都有一个属性叫做原型.这个属性非常有用:为一个特定类声明通用的变量或者函数. 你不需要显式地声明一个prototype属性,因为在每一个构造函数中都有它的存在.你可以看看下面的例子: function Test(){} alert(Test.prototype); // 输出 "Object" 1.…
function a(){                 this.name="aaa";             }             function b(){                 this.age=100;             } 我们定义两个function,当我们实例化的对象的时候的操作是这样的 var A=new a(); 1.创建一个对象(有constructor属性及[[Prototype]]属性),根据ECMA,其中[[Prototype]]属…
转自:http://www.cnblogs.com/chiname/articles/216517.html(侵删)  /*   *  方法:Array.removeAt(Index)   *  功能:删除数组元素.   *  参数:Index删除元素的下标.   *  返回:在原数组上修改数组   */  Array.prototype.removeAt = function(Index) { if (isNaN(Index) || Index > this.length) { return…
一.Javascript组成JavaScript的实现包括以下3个部分:1.核心(ECMAScript):描述了JS的语法和基本对象.2.文档对象模型 (DOM):处理网页内容的方法和接口.3.浏览器对象模型(BOM):与浏览器交互的方法和接口.   BOM和DOM的结构关系示意图 二.BOM(浏览器对象模型) 1.window对象说明:BOM的核心对象是window,他表示浏览器的一个实例.他既是通过JavaScript访问浏览器窗口的一个接口,又是ECMScript规定的Global对象.…
今天学习中遇到了一个有意思的问题. var obj = undefined 我们将一个对象设置为undefined typeof(obj)>>undefined 结果是undefined,可是这个时候我灵光一现,想起null这个对象了 typeof(null) >>object 结果是object! 本小姐手一抖,进行了二者等值比较,更奇怪的事情出现! obj == undefined >> true obj == null >> true obj ===…
/* *对象方法 *类方法 * 原型方法 */ function People(name) { this.name = name; this.say = function () { //对象方法 alert("my name is "+this.name); } } People.run = function () { //类方法(静态方法,只能由类名调用) alert("i can run"); } People.prototype.sayChinese = fu…
应该是没有区别的,两者都是生成一个默认的Object对象.js和其它语言一样,一切对象的基类都是Object,所以,new Object()和简易的{}是同样的空对象,就是默认的对象.本来我以为{}应该是一个没有任何属性和方法的对象,但事实证明,var a = {},a.toString()等Object对象所具有的方法,a都具有.由此也可以判断,其实a = {}就是a = new Objcet()的简单实现.就像在java语言中,String str = ""和String str…
var choices = {}; //此数据表示的是:object{} for(var i=0;i<10;i++){ choices[i+1] = [data[i].testPlan,testPeoId,subId,(i+1)];//数组① } delete choices[i]; //删除操作,删除其中的一个元素 //注意for in的用法 for(var u in choices){ var json = choices [u]; //获取choices元素中,其中一个元素数组json②→…
javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各型各色的写法也是对javascript语言特性更进一步的深入理解. ( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法,最初我以为是一个括号包裹匿名函数,再在后面加个括号调用函数,最后达到函数定义后立即执行的目的,后来发现加括号的原因并非如此.要理解立即执行函数,需要先理解一些函数的基本概念.…
1.prototype 感概:每个函数都有一个prototype这个属性,而这个属性指向一个对象,这个对象称为原型对象 作用: a.节约内存 b.扩展属性和方法 c.实现类与类的之间的继承 2._proto_ 1.每个对象都有一个_proto_属性 2._proto_指向创建自己构造函数的原型对象 3.对象可以直接访问_proto_的属性和方法 3.constructor 指向自己创建的构造函数 总结:当我们创建一个构造函数的时候,这个构造函数自带一个_proto_属性,而这个属性指向一个对象,…