js原型与原型链

全局对象 window

ECMAScript 规定全局对象叫做 global,但是浏览器把 window 作为全局对象(浏览器先存在的)

window 就是一个哈希表,有很多属性。

window 的属性就是全局变量。

这些全局变量分为两种:

  1. 一种是 ECMAScript 规定的

    • global.parseInt
    • global.parseFloat
    • global.Number
    • global.String
    • global.Boolean
    • global.Object
  2. 一种是浏览器自己加的属性

    • window.alert
    • window.prompt
    • window.comfirm
    • window.console.log
    • window.console.dir
    • window.document
    • window.document.createElement
    • window.document.getElementById
  3. document

    浏览器私有文档,w3c制定DOM文档。浏览器BOM

所有 API 都可以在 MDN 里找到详细的资料。

全局函数

Number()
var n = new Number(1) 创建一个 Number 对象
new Number(1) 的区别是什么?

var a = 1
var c = new Number(1)
a == c
true
a === c
false
a.valueOf() === c.valueOf()
true

a.xxx = 2//操作之后会被垃圾回收
a.xxx//调取不到
undefined

var n = new Number(1)
//js在设计时,被要求语法与java相似,js之父觉得这样太麻烦了。
//所以设计了这两种方式。

c里面有__proto__才可以c.tostring()

为什么a没有,却也可以?

临时转化temp = new Number(n);temp.toString

String()
var s = new String('hello') 创建一个 String 对象
'hello'new String('hello') 的区别是什么?

常用api

trim()

concat()

slice()

replace()

String as object

Boolean()
var b = new Boolean(true) 创建一个 Boolean 对象
truenew Boolean(true) 的区别是什么?

var b = new Boolean(false)
if (b) {
    console.log('hi')
}
'hi'

Object()
var o1 = {}
var o2 = new Object()
o1 和 o2 没区别,但是o1 == o2为false。

公用的属性藏在哪

所有对象都有 toStringvalueOf 属性,那么我们是否有必要给每个对象一个 toStringvalueOf 呢?

明显不需要。

JS 的做法是把 toStringvalueOf 放在一个对象里(暂且叫做公用属性组成的对象)

然后让每一个对象的 __proto__ 存储这个「公用属性组成的对象」的地址。

object.prototype是源头!

figure1.jpg

重要公式

var 对象 = new 函数()
对象.__proto__ === 对象的构造函数.prototype
__proto__和prototype的区别。
__proto__是对象的,prototype是函数的,在内存图中地址相同,指向同一个结构。

// 推论
var number = new Number()
number.__proto__ = Number.prototype
Number.__proto__ = Function.prototype // 因为 Number 是 Function 的实例

var object = new Object()
object.__proto__ = Object.prototype
Object.__proto__ = Function.prototype // 因为 Object 是 Function 的实例

var function = new Function()
function.__proto__ = Function.prototype
Function.__proto__ == Function.prototye // 因为 Function 是 Function 的实例!

//Object是函数
typeof(Object)
"function"

//prototype本身就是一个对象
typeof(Object.prototype)
"object"
函数.prototype.__proto__ === Object.prototype

//function也是对象
Function.__proto__ == Function.prototype//true
Function.prototype.__proto__ == Object.prototype

Number.prototype.__proto__ == Object.prototype//true

Object.__proto__ == Function.prototype//true
Number.__proto__ == Function.prototype//true
Number.__proto__ == Object.__proto__//true

Function.__proto__.__proto__ == Object.prototype//true

Object.__proto__.__proto__ == Object.prototype//true
Object.prototype.__proto__ //null
Object.__proto__.__proto__.__proto__ //null
Function.__proto__.__proto__.__proto__//null
Number.__proto__.__proto__.__proto__//null
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容