JS原型链

来源:互联网 发布:易观大数据cto 编辑:程序博客网 时间:2024/06/03 10:20
  • 所有引用类型都有构造函数(语法糖)
var a = {} 就是 var a = new Object()var a = [] 就是 var a = new Array()function Foo(){...} 就是 var Foo = new Function(...)
  • 所有引用类型都有对象特性,即扩展属性
var obj = {};   obj.a = 100;var arr = [];   arr.a = 100;function fn();   fn.a = 100;
  • 所有引用类型都有隐式原型
obj.__proto__arr.__proto__fn.__proto__
  • 函数有显式原型
fn.prototype
  • 引用类型的隐式原型等于其构造函数的显式原型
 obj.__proto__ === Object.prototype arr.__proto__ === Array.prototype fn.__proto__ === Function.prototype
  • 引用类型向上继承其构造函数的属性
function Foo(name){    this.name = name;}Foo.prototype.alertName = function(){    alert(this.name);}var f1 = new Foo('zhangsan');f1.printName = function(){    console.log(this.name);}f1.printName();f1.alertName();

虽然 f1 自身没有 alertName 的属性,但是 Foo的显式原型上有,所以f1也拥有 alertName 属性

  • 构造函数的最终级是Object,所以引用类型有Object的属性
var a = [];console.log(a instanceof Object);//true
原创粉丝点击