zoukankan      html  css  js  c++  java
  • JavaScript的一些知识碎片(1)

    打算把使用Javascript的水平从child提升到小学毕业,近期会持续记录一些知识点。

    javascript的引用机制:只要一个对象赋值为另一个对象,就建立了引用。一旦建立了引用,对象们就公用一块空间。可以看下面一段代码:

    var  stooge={
        nickname:"Maria"
    }
    var x = stooge;
    console.log(stooge.nickname);  //Maria
    
    x.nickname = 'Curly';
    x.realname ="Thomas"
    
    console.log(stooge.realname);//Thomas 由x添加的realname属性。
    
    var nick = stooge.nickname;
    
    
    console.log(nick); //显然是Curly
    
    console.log(stooge.nickname);//被覆盖为 Curly

    javaScript里没有很强的class概念,也没有class和instance的区分。new关键字的用处和java类似,也是创建一个新的对象。但是js中的对象不是只有new才能创建,多种创建方式,例如function这种类型的对象,就可以通过显式声明,赋值给变量,或者调用Function构造函数来构建。

    javascript的Prototype:每个对象都有一个prototype,并且从中继承属性。所有对象都继承Object.prototype的属性。创建新对象时可以选择某个对象作为prototype,这样就可以直接继承它的属性了。这里是新开辟一块儿内存空间,而不是引用。通过下面的代码,我们可以方便的让一个对象继承另一个对象的prototype

    if(typeof Object.inherit !== 'function'){
        Object.inherit = function(obj){
            var fun = function(){};
            fun.prototype = obj;
            return new fun();
        };
    }
    
    var lucasliu={
        job:"tester",
        hobby:"reading"
    }
    
    var a=Object.inherit(lucasliu); //“继承“,实际上是copy出了所有属性
    console.log(a.job);// tester 继承自lucasliu
    a.job = 'doctor';
    console.log(a.job);//doctor 值被覆盖为doctor
    console.log(lucasliu.job);//tester,lucasliu不受影响

    lucasliu.newskill="play piano";

    console.log(a.newskill); //play piano a跟着prototype获得了新技能。
     

     prototype的属性可以被继承者的同名类型覆盖。通过delete关键字可以清除覆盖。

  • 相关阅读:
    css | js 实现扩展卡片小demo
    ESLint如何配置
    (js描述的)数据结构[哈希表1.3](10)
    (js描述的)数据结构[哈希表1.2](9)
    VSCode——自定义VSCode背景图片
    VSCode 初次写vue项目并一键生成.vue模版
    (js描述的)数据结构[哈希表1.1](8)
    (js描述的)数据结构[字典](7)
    Vue 实战项目: 硅谷外卖(1)
    脑残式网络编程入门(六):什么是公网IP和内网IP?NAT转换又是什么鬼?
  • 原文地址:https://www.cnblogs.com/skytraveler/p/4138977.html
Copyright © 2011-2022 走看看