• 对JS原型的一些理解


    一.首先给出一道经典的原型题目:

    var F = function(){};
    Object.prototype.a = function(){};
    Function.prototype.b = function(){};
    var f = new F();
    

    f能否调用a方法与b方法。

    通过原型链:1.f----->F.prototype-------->Object.prototype------------>null。2.F--------->Function.prototype------------>Object.prototype------------->null

    可知f只能调用a方法,而F可以调用a,b方法。

    typeof undefined;//undefined

    typeof Null;//undefined

    typeof Boolean;//function

    typeof Number;//function

    typeof String;//function

    typeof Object;//function

    typeof Function;//function

    typeof function(){};//function

    从上述可得Number等--------->Function.prototype--------->Object.prototype---------->null;

    得到题目中的F的原型也为Function.prototype

    而f的原型为F.prorotype与F的原型无关。

    例子:

    Function.prototype.method = function(name, func) {
        if(!this.prototype[name]) {
            this.prototype[name] = func;
        }
    }
    
    var a = [1, 2, 3, 4, 5];
    
    Array.method("reduce", function(f, value) {
        for(var i = 0; i < this.length; i++) {
            value = f(this[i], value);
        }
        return value;
    })//方式一
    Array.reduce = function(f, value) {
        for(var i = 0; i < this.length; i++) {
            value = f(this[i], value);
        }
        return value;
    }//方式二
    a.reduce = function(f, value) {
        for(var i = 0; i < this.length; i++) {
            value = f(this[i], value);
        }
        return value;
    }//方式三
    
    var add = function(a, b) {
        return a + b;
    }
    
    var sum = a.reduce(add, 0);
    console.log(sum);//15
    

      

    二.对象中存在一个指向相关原型的链接,__proto__属性。

  • 相关阅读:
    (转)Centos7安装Docker
    Rust一些设计的不好的地方
    Maven pom.xml的properties配置
    进程从硬盘读取文件的过程
    监控日志并上报阿里云日志服务
    rsyslog 系统日志收集上报(可增加自定义项目日志)
    获取Linux mac地址(centos与ubuntu通用)
    shell 判断操作系统
    9999
    【2022.01.18】树莓派几个好用适合的docker
  • 原文地址:https://www.cnblogs.com/pcd12321/p/5259740.html
Copyright © 2020-2023  润新知