基本概念 成员 描述 Object.prototype.__proto__ 指向当对象被实例化的时候,用作原型的对象. Object.prototype.hasOwnProperty() 返回一个布尔值 ,表示某个对象是否含有指定的属性,而且此属性非原型链继承的. Object.prototype.isPrototypeOf() 返回一个布尔值,表示指定的对象是否在本对象的原型链中. Object.prototype.toString() 返回对象的字符串表示. Object.prototype…

我们知道,在js中,当object作为参数传递到函数中进行处理后,实际上是修改了传入的对象本身(或者说是对象的引用),但很多时候我们并不希望函数去修改我们的这些对象参数,这就需要使用到对象的克隆,我们应该对该对象做一个克隆,然后操作这个克隆的对象,这样就不会影响我们的原对象了.     不过在js中并没有对象克隆功能,因此需要我们自己实现,实现方法也不复杂其实,基本上是做一些属性复制,我在网上找了一些,但有些实现并不好,如对于array对象克隆后就成json对象了,并没有保留原来的数组方式.不过…

hasOwnProperty() 方法会返回一个布尔值,指示对象自身属性中是否具有指定的属性 例如:obj.hasOwnProperty(prop) 1. 所有 Object 的对象都会有 hasOwnProperty 方法.这个方法可以用来检测一个对象是否含有特定的自身属性:和 in 运算符不同,该方法会忽略掉那些从原型链上继承到的属性. var obj = function(){ } obj.target = function(){ } obj.prototype.target_proto…

3.Object.prototype的成员介绍        Object.prototype是js中所有的对象的祖宗        Object.prototype中所有的成员都可以被js中所有的对象使用! 3.1. 方法: hasOwnProperty         语法: 对象.hasOwnProperty("属性名")         功能: 判断当前对象自身是否拥有指定的属性! // var obj = { // name: "胡聪聪" // }; //…

继承:当前对象没有的属性和方法,别人有,拿来给自己用,就是继承 1 混入式继承 var I={ }; var obj = { name: 'jack', age:18, sayGoodbye : function () { console.log("goodbye") ; } } // 混入式继承, a中 将继承obj的所有属性 for (var k in obj ) { a[k] = obj [k] ; } 2.原型继承 利用原型中的成员可以被其相关对象共享这一特性,可以实现继承 实…

1.使用toString()方法来检测对象类型 可以通过toString() 来获取每个对象的类型.为了每个对象都能通过 Object.prototype.toString() 来检测,需要以 Function.prototype.call() 或者 Function.prototype.apply() 的形式来调用,把需要检测的对象作为第一个参数传入. var toString = Object.prototype.toString; toString.call(new Date); // […

1.typeof 1 console.log(typeof ""); //string 2 console.log(typeof 1); //number 3 console.log(typeof true); //boolean 4 console.log(typeof null); //object 5 console.log(typeof undefined); //undefined 6 console.log(typeof []); //object 7 console.lo…

最近在用node读取文件中的json数据后,用JSON.parse()转成了json,然后响应数据传给前端,发现输出值object对象时显示[object object],在这里我们来看一下他的具体意思. 这篇文章是参考这里,很清楚的讲解了为啥是  [object object] 它表示:[object 对象数据类型] ,在JavaScript中的所有事物都是对象:字符串.数字.数组.日期等等都是,在JavaScript中对象就是拥有属性和方法的数据.对象的数据类型包括:基本数据类型:Undef…

js & object & prototype & proto & prototype chain constructor prototype === instance proto https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain https://developer.mozilla.org/en-US/docs/Web/JavaScript/…

参考:http://stackoverflow.com/questions/650764/how-does-proto-differ-from-constructor-prototype http://blog.rainy.im/ __proto__ is the actual object that is used in the lookup chain to resolve methods, etc. prototype is the object that is used to build…

判断是否为函数 function isFunction(it) {        return Object.prototype.toString.call(it) === '[object Function]';    } 判断是否为数组: function isArray(o) {   return Object.prototype.toString.call(o) === '[object Array]';  } 由于 JavaScript 中一切都是对象,任何都不例外,对所有值类型应用…

定义和用法 prototype 属性允许您向对象添加属性和方法 注意: Prototype 是全局属性,适用于所有的Javascript对象. 语法 object.prototype.name=value <script> function employee(name,jobtitle,born){ this.name=name; this.jobtitle=jobtitle; this.born=born; } var fred=new employee("Fred Flintst…

1.通过 Object.prototype.toString.call() 进行类型判断 function isArray(obj) { return Object.prototype.toString.call(obj) === '[object Array]';     } 我们知道,Javascript中,一切皆为对象.所以如下代码,应当会输出对应字符   Object.prototype.toString.call(2) // "[object Number]" Object.…

Object.prototype.toString.call(obj)使用方法以及原理   这几天看vue-router的源码 发现了Object.prototype.toString.call()这样的用法,当时以为这就是转成字符串的用的,但是越看越觉得不太对劲,赶紧查查资料,一查才知道没那么简单. 首先在Object.prototype.toString方法被调用时,会执行下面的操作步骤: 1. 获取this对象的[[Class]]属性的值. 2. 计算出三个字符串"[object &quo…

有何区别,为何一定要通过call. 我们知道call是用来改变函数作用域的,Object.prototype.toString.call在这儿也是用来改变作用域的. Object.prototype.toString()  在toString方法被调用时,会执行下面的操作步骤(参考): 1. 获取this对象的[[Class]]属性的值. 2. 计算出三个字符串"[object ", 第一步的操作结果Result(1), 以及 "]"连接后的新字符串. 3. 返回第…

typeof用在基本数据类型和函数时,返回其对应类型的描述,对于引用类型都返回为object. instanceof无法判断基本数据类型,对于引用类型数据,返回其其对应类型. Object.prototype.toString无论基本数据类型还是引用类型返回其对应类型. 对应测试结果如下:   typeof test instanceof Object.prototype.toString.call(test) var test = 'xuriliang'; string test instan…

hasOwnProperty() 方法会返回一个布尔值,指示对象自身属性中是否具有指定的属性 语法 obj.hasOwnProperty(prop) 参数 prop要检测的属性 [字符串] 名称或者 [Symbol]. 返回值 用来判断某个对象是否含有指定的属性的 [Boolean] . 描述 所有继承了 [Object]的对象都会继承到 hasOwnProperty 方法.这个方法可以用来检测一个对象是否含有特定的自身属性:和 [in]运算符不同,该方法会忽略掉那些从原型链上继承到的属性. 示…

Object.prototype.toString.call()判断结果: Object.prototype.toString.call(true) "[object Boolean]" Object.prototype.toString.call(1) "[object Number]" Object.prototype.toString.call(null) "[object Null]" Object.prototype.toString.…

一.对象 除了字符串.数字.true.false.null和undefined之外,javascript中的值都是对象. javascript对象属性包括名字和值,属性名可以是包含空字符串在内的任意字符串,但对象中不能存在两个同名的属性. 属性名可以是javascript标示符也可以是字符串直接量,属性名字里用空格或者连字符"-",必须要用字符串表示. 三类javascript对象和两类属性: 内置对象(native object)是有ECMAScript规范定义的对象种类.例如,数组…

<!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-equiv="Content-…

前提 首先我们应该明白创建一个JS对象的具体实例是实例化的过程,而实例化是通过new关键字实现的,这个对象是含有constructor的,一般的核心对象都会具有constructor以便创建其实例.因此,如果要对我们自己创建的JS对象进行实例化的话,则这个对象必须具有constructor. 构造函数的基本架构为: function myConstructor(a){ /*某些代码*/ } 静态成员 JS中的静态成员是通过点操作符添加到对象实例中,并且只存在于对象的一个具体实例,不存在于构造函数…

JavaScript是基于对象的,任何元素都可以看成对象.然而,类型和对象是不同的.本文中,我们除了讨论类型和对象的一些特点之外,更重要的 是研究  如何写出好的并且利于重用的类型.毕竟,JavaScript这种流行的脚本语言如果能够进行良好的封装,并形成一个庞大的类型库,对于重用是非常有意义  的.网上对于prototype的文章很多,一直没明白核心的思想.最后写了很多例子代码后才明白:prototype只能用在类型上.以下是一些关于类型和对象的例子,大家看完例子后可能更容易理解类型和对象之间…

前面把js作用域和词法分析都说了下,今天把原型链说下,写这个文章费了点时间,因为这个东西有点抽象,想用语言表达出来不是很容易,我想写的文章不是简单的是官方的API的copy,而是对自己的知识探索和总结的过程,以及在这个过程碰到的问题都一一写出来,我想大多数人应该也有这个疑惑,然后带着疑惑去找答案,当你把这个疑惑解决之后,才觉得很有成就感.下面不多说了,开始说说什么是原型链.要想了解原型链,还是要从简单的开始,什么是原型?首先看下代码: function funcA() { this.show =…

构造函数进阶 使用构造函数创建对象 用于创建对象 其除了是一个函数之外,我们又称之为构造对象的函数 - 简称构造函数 function Product(name,description){ //属性 this.name=name; // 属性 this.description = description //方法 又称方法属性 万物皆属性 this.buy=function(){ alert('buy') } } //会拷贝一份 var p1 = new Product() var p2 = n…

一.工厂模式创建对象及优缺点 继承就是把公共的部分抽象出来作为父类,基类.吃饭,跑步等 var a = {}; //批量创建不方便,不能重复设置公共属性的代码 //工厂模式出现了,创建10个Cat对象 每个对象都有年龄.姓名的属性,包括run方法 注意区分 js高级-函数的四种调用模式 function createCat(age,name){ var o = new Object(); o.age = age; o.name = name; o.run = function (){ conso…

1. OOP 面向对象三大特点: 封装,继承,多态 封装: 问题: 构造函数可重用代码和结构定义,但无法节约内存 为什么: 放在构造函数内的方法定义,每new一次,都会反复创建副本——浪费内存 解决: 继承 继承: 什么是: 父对象的成员,子对象无需重复创建,就可直接使用 为什么: 代码重用, 节约内存 何时: 只要发现多个子对象,希望拥有共同的方法定义时 如何: js中都是通过继承原型对象来实现继承关系 原型对象: 集中存储多个子对象,共有成员的父对象 何时: js中只要实现继承,都要使用原型…

第二章:Ext.js高级组件 grid组件 普通方式 表格面板类Ext.grid.Panel xtype(别名):gridpanel.grid title标题.renderTo渲染至.width宽.height高 frame : Boolean 是否填充渲染gridpanel forceFit : true 列是否自动填充 store : store 数据集 tbar: [] 头部工具栏 dockedItems : Object/Array 可定位的停靠工具条(上.下.左.右) selType…

1,理解对象 通过对象字面量的方式,创建一个对象,为它添加属性和方法: var obj = { a: 1, b:2, sayA(){ console.log(this.a)}} 1,属性类型: 数据属性 : 数据属性包含一个数据值的位置.在这个位置可以读取和写入值.有四个特性 configurable  enumerable   writable  value  :  分为的意思为:是否能通过delete删除(能否修改特性).是否能通过for-in循环.是否能修改属性的值.包含这个属性的值 通过…

一 prototype介绍 prototype对象是实现面向对象的一个重要机制.每个函数也是一个对象,它们对应的类就是function,每个函数对象都具有一个子对象prototype.Prototype 表示了该函数的原型,prototype表示了一个类的属性的集合.当通过new来生成一个类的对象时,prototype对象的属性就会成为实例化对象的属性. 下面以一个例子来介绍prototype的应用,代码如下: <script language="javascript">…

昨天内容回顾 面向对象的私有成员.静态成员 私有成员:在构造函数里边定义局部变量,就是私有成员. 静态成员:在js里边,函数就是对象,可以通过给函数对象声明成员方式声明静态成员. 原型继承 关键字:prototype 单一成员继承:  函数.prototype.成员名称= 值; 对象继承:函数.prototype = 对象; 原型链继承:许多构造函数可以一一继承,形成一个继承链条,这个链条就是“原型链” 原型链的顶端是Object,对象可以访问的属性constructor.方法 hasOwnPr…