避免对象重复使用,有时候js中会用到原型

function Person(){

  name="test";

  age=123;

}

var car={

 price=10000;

}

Person.prototype.car=car;

var person=new Person();

console.write(person.car.price);

//上面的代码中所有以后使用构造函数创建出来的新的Person对象访问car的时候都用的是用一个对象,而不像动态给person对象添加属性一样(使用的是不同对象),这样避免了内存开销。

原型使用上的注意点,对象访问属性的时候,首先到自身对象定义上去查找,如果没有查找到相应的属性,则去构造函数的原型上去查找。但如果给属性赋值,则不会去原型上去查找,这就是说,通过实例对象不会将原型属性覆盖。

person.car={};//这不会影响原型,而是动态给person对象添加了一个car属性;

构造函数的原型上有两个属性,contructor及__proto__,前者是构造函数,后者是原型自己;

也就是说Person与contructor相等,这样我们就得出一个结论

var p=new Person();与var p=new person.contructor();是同样的效果;

Person.prototype===p.__proto__;

这是系统默认的,尽量不要修改;

这样就使得我们在为原型赋值的时候最好手动赋值这个属性;

Person.prototype={

  constructor:Person; 

}

使用原型,我们可以对js中的内置对象进行增强(给内置对象添加属性和方法)

var arr=[];

这时候如果想使用原型增强arr对象的方法

Array.prototype.func={};//这种方法不被推荐,因为可能会造成干扰,项目由多个人参加,每个人都在内置的对象上添加属性是不安全的。

function Arr(){

};

Arr.prototype=new Array();

这样Arr对象就有了所有Array的方法及属性,我们可以通过给Arr添加属性和方法来增强内置对象Array;

这种可以说是使用原型的方式来实现继承;

经典的继承方法:Object.create(obj);

创建出来的对象就会自动继承obj;

原型链的基本结构

我们自定义的对象有原型,而这个原型是通过Object创建出来的。Object构造仍然有原型,Object.prototype。而object原型的构造及原型均为null;

Object.prototype中有valueof成员,所以所有的对象在参与运算的时候会尝试调用valueof方法,如果无法获取,则会调用tostring()方法进行字符串拼接;

JavaScript原型(第五天)的更多相关文章

  1. 深入理解javascript原型和闭包(13)-【作用域】和【上下文环境】

    上文简单介绍了作用域,本文把作用域和上下文环境结合起来说一下,会理解的更深一些. 如上图,我们在上文中已经介绍了,除了全局作用域之外,每个函数都会创建自己的作用域,作用域在函数定义时就已经确定了.而不 ...

  2. 深入理解javascript原型和闭包(15)——闭包

    前面提到的上下文环境和作用域的知识,除了了解这些知识之外,还是理解闭包的基础. 至于“闭包”这个词的概念的文字描述,确实不好解释,我看过很多遍,但是现在还是记不住. 但是你只需要知道应用的两种情况即可 ...

  3. 深入理解javascript原型和闭包(18)——补充:上下文环境和作用域的关系

    本系列用了大量的篇幅讲解了上下文环境和作用域,有些人反映这两个是一回儿事.本文就用一个小例子来说明一下,作用域和上下文环境绝对不是一回事儿. 再说明之前,咱们先用简单的语言来概括一下这两个的区别. 0 ...

  4. 《深入理解javascript原型和闭包系列》 知识点整理(转)

    深入理解javascript原型和闭包系列 对原型和闭包等相关知识的讲解,由浅入深,通俗易懂,每个字都值得细细研究. 一.一切都是对象 1. typeof操作符输出6种类型:string boolea ...

  5. 《深入理解javascript原型和闭包系列》 知识点整理

    深入理解javascript原型和闭包系列 对原型和闭包等相关知识的讲解,由浅入深,通俗易懂,每个字都值得细细研究. 一.一切都是对象 1. typeof操作符输出6种类型:string boolea ...

  6. 深入总结Javascript原型及原型链

    本篇文章给大家详细分析了javascript原型及原型链的相关知识点以及用法分享,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. 我们创建的每个函数都有一个 prot ...

  7. 浅谈系列之 javascript原型与对象

    在我学习与使用javascript三个月中,我一直对javascript的继承关系以及prototype理解不清,导致很多时候为什么这么用说不出个所以然来.截止到本周为止,通过之前的学习以及自己的再学 ...

  8. JavaScript原型OOP——你上车了吗?

    .title-bar { width: 80%; height: 35px; padding-left: 35px; color: white; line-height: 35px; font-siz ...

  9. 深入理解javascript原型和闭包 (转)

    该教程绕开了javascript的一些基本的语法知识,直接讲解javascript中最难理解的两个部分,也是和其他主流面向对象语言区别最大的两个部分--原型和闭包,当然,肯定少不了原型链和作用域链.帮 ...

随机推荐

  1. Ubuntu16.04下安装OpenCV3.2.0

    1.安装官方给的opencv依赖包 $ sudo apt-get install build-essential $ sudo apt-get install cmake git libgtk2.0- ...

  2. 关于mysql安装后在客户端cmd插入语句无法执行的问题

    关于mysql安装后在客户端cmd插入语句无法执行的问题 因为windows cmd默认字符集是gbk,当character_set_client=utf8时,cmd中出现中文会报错:characte ...

  3. git上传到github时犯的错误

    以下是git的正确顺序 git config --global user.name "xxx" 全局注册名字 git config --global user.email &quo ...

  4. yarn web ui 参数详解

    我们经常使用yarn调度,但是我们是否对调度队列显示参数真正了解呢?   下面我们来一一看看这些参数都是做什么用的,代表什么意思   hadoop是通过队列管理集群资源,翻开集群Web UI,找到Sc ...

  5. JAVA面向对象之继承

    继承: 子类继承父类的特征和行为,使得子类对象(实例)具有父类的实例域和方法 class 子类 extends 父类 { } 继承的特性: 子类拥有父类非private的属性,方法. 子类可以拥有自己 ...

  6. 修改hbuilder背景颜色为护眼模式

    复制以下代码,保存为.tmTheme文件导入HBuilder <?xml version="1.0" encoding="UTF-8"?> < ...

  7. 机器学习笔记(三)Logistic回归模型

    Logistic回归模型 1. 模型简介: 线性回归往往并不能很好地解决分类问题,所以我们引出Logistic回归算法,算法的输出值或者说预测值一直介于0和1,虽然算法的名字有“回归”二字,但实际上L ...

  8. vue 控制视图

    <!--第一种:点击改变容器的值--> <li> <a href="javascript:void(0)" @click="state.bo ...

  9. 今天遇到一个关于栈溢出的问题StackOverflowError

    关于这个问题个人认为是一个比较棘手的问题,因为我们每个人遇到溢出问题的原因都不一样,所以遇到这样的问题就多从问题的根本入手. 我遇到的原因是,循环多次导致的,以为我的俩个互相关联的实体类,当作查询时, ...

  10. 剑指Offer 64. 滑动窗口的最大值 (其他)

    题目描述 给定一个数组和滑动窗口的大小,找出所有滑动窗口里数值的最大值.例如,如果输入数组{2,3,4,2,6,2,5,1}及滑动窗口的大小3,那么一共存在6个滑动窗口,他们的最大值分别为{4,4,6 ...