JavaScript的一些知识碎片(1)

时间:2021-12-03 06:13:14

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