博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript中new机制
阅读量:6307 次
发布时间:2019-06-22

本文共 926 字,大约阅读时间需要 3 分钟。

hot3.png

function A(options){

    this.xx = options.xx;

}

A.prototype.方法名 = function(){}

一个构造函数,在原型上添加一个方法,new一个对象后,这个对象是怎么具有属性和方法的?

//创建动物类function Animal(name){    this.name = name;}Animal.prototype.say = function(){}Animal.color = 'green';Animal.prototype.toSay = function(){    console.log(this.name + ' says....')}var cat = new Animal('tom');//实例化猫console.log(    cat.name, //tom    cat.color //undefined);cat.toSay();console.log(    Animal.name, //Animal    Animal.color //green);Animal.toSay(); // 报错,toSay在Animal的prototype上,Animal没有toSay()

/* 解析:

        重点在var cat = new Animal();
        1.var obj = {}; 创建一个空对象 

        2.obj.__proto__ = Animal.prototype,obj的__proto__指向Animal的原型对象,

        3. var result = Animal.apply(obj,arguments);调用Animal,传递arguments,让obj继承Animal的属性

        4. return obj,cat接受

           原型链 cat --> Animal.prototype --> Object.prototype --> null

                  Animal --> Funtion.prototype --> Object.prototype -->null
    */

转载于:https://my.oschina.net/u/3229305/blog/1784905

你可能感兴趣的文章
VMware.Workstation Linux与windows实现文件夹共享
查看>>
ARM inlinehook小结
查看>>
wordpress admin https + nginx反向代理配置
查看>>
管理/var/spool/clientmqueue/下的大文件
查看>>
HTML学习笔记1—HTML基础
查看>>
mysql dba系统学习(20)mysql存储引擎MyISAM
查看>>
centos 5.5 64 php imagick 模块错误处理记录
查看>>
apache中文url日志分析--php十六进制字符串转换
查看>>
Ansible--playbook介绍
查看>>
浅谈代理
查看>>
php创建桌面快捷方式实现方法
查看>>
基于jquery实现的超酷动画源码
查看>>
fl包下的TransitionManager的使用
查看>>
Factorialize a Number
查看>>
[USB-Blaster] Error (209040): Can't access JTAG chain
查看>>
TreeSet的用法
查看>>
防HTTP慢速攻击的nginx安全配置
查看>>
深入理解PHP内核(十四)类的成员变量及方法
查看>>
Spring Boot2.0+中,自定义配置类扩展springMVC的功能
查看>>
参与博客编辑器改版,我的礼物 感谢51cto
查看>>