9.对象的原型,原型链call,apply

__proto__ 前面两杠后面两杠,这种命名叫隐式命名。一般是系统定义的,尽量不要去修改。

_this 在开发过程中,这种前面加一个下划线的规则,一般表示私有的,就是别人私有定义的,让其他人不要随意动。

Preson.prototype.name = 'old_prototypr'

function Preson(){

        //var this : {

                //  __proto__ : Preson.prototype  在new Preson()创建新对象的时候,不仅会隐式执行之前说的构造函数产生新对象的那三步,还会在this中隐式定义一个属性__proto__,这个属性的属性就是指向原型Preson.prototype。当对象本身没有某个属性的时候,它就会到这个属性所指向的这个值上面去找。

        }

}

var obj = {

    name:'new_prototype'

}

preson.__proto__ = obj;  //这样子preson的原型就被修改了,就是说__proto__是可以被修改的,不一定非得指向Preson.prototype。因为只有在new 的时候产生隐式的那三步。

注意:Object.prototype是所有原型链的终端,Object.prototype.__proto__-->null

创建对象的方法:

1.对象字面量-->var obj = {}

2.构造函数-->var obj1 = new Object();

3.Object.create()-->var obj2 = Object.create('原型');

/--------------------------------------方法三-------------------------------------/

Preson.prototype.name = "xxx";

function Preson(){}

var  preson = Object.create(Preson.prototype);

/----------------------------------------------------------------------------/

绝大多数的对象最终都会继承自Object.prototype,但是Object.create(原型),里面的Object.create(null)没有原型。

undefined和null不能调用toString方法,因为它们就是原始值,它们没有原型也不是对象,所以不能进行包装类,但是number和string还有boolean是有原型的,可以进行包装类,在系统运行时会进行包装类。

123.toString()这里的点会被识别成浮点型,点的优先级最高,所以会被报错,应该先声明变量再将数字赋值,然后再执行toString方法。

var num =123;

num.toString() --> new Number(num).toString();

Number.prototype.toString = function(){}所以num.toString()本质上是调用的原型上面的这个toString方法

Number.toString.__proto__ = Object.prototype所以按照原型链上查找,当找到toString方法就会直接调用,而不是报错

如果原型上面本身有某一个方法,而我们又人为的在对象本身上面添加了一个名字一样但是功能不一样的方法,这叫做重写,即覆盖原型上的方法,其实就是当在原型链上面查找的时候,在自身找到了,就不会再到原型上去找了,相当于截断了一样。

对于浮点数  前16位    后16位计算是精准的,但是超过以后,就是前面的计算不准,后面的会用科学计数法表示。

function Preson(name , age){

    this.age = age;

    this.name = name;

}

var preson = new Preson("hh" , 18)

var obj = {name:'xyz'}

Preson.call(obj , '叶子' , 18);

可以试一下打印obj看显示的是什么?

/--------------------------------------------call和apply-----------------------------------------------/

call和apply的作用就是改变this指向,但是由此导出一个功能就是借用别人的函数改变自己函数的功能。

function Preson(name,age,sex){

this.name = name;

this.age = age;

this.sex = sex;

}

function Student(name,age,sex,tel , grade){

//var this = {}

this.tel = tel;

this.grade = grade;

Preson.call(this,name,age,sex);

}

var student = new Student('yx',18,'women','...',99); 

apply的用法同call,但是call需要将实参按顺序传进去,而apply只需要传一个arguments,apply只接受两位参数,第一位都是一样的。

改变this指向,传参列表不同。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在JavaScript中,原型链作为一个基础,老生长谈,今天我们就来深入的解读一下原型链。 本章主要讲的是下面几点...
    Devinnn阅读 1,426评论 1 6
  • 大家好,我是IT修真院深圳分院第01期学员,一枚正直纯洁善良的web程序员。 今天给大家分享一下,修真院官网JS(...
    老菜菜阅读 2,561评论 0 1
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,895评论 2 17
  • 目录 导语 1.理解对象和面向对象的程序设计 2.创建对象的方式 3.JavaScript的继承机制 3.1 原型...
    犯迷糊的小羊阅读 827评论 0 4
  • 公司是一家农资代理公司,产品资源较为丰富,一个总经理一副经理,财务二名。有三个业务经理负责二块业务,典型的一家以销...
    24d60a335890阅读 203评论 0 0