JavaScript的一些知识碎片(1)

时间:2023-02-13 08:32:32

打算把使用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关键字可以清除覆盖。