1.全局属性window
- ECMAScript规定全局对象叫做global,但是浏览器把window作为全局对象(浏览器先存在的)
- window就是一个哈希表,里面有很多属性
- window的属性就是全局变量
- 这些全局变量分为两种: 一种是ECMASCript规定的,如
global.parseInt
global.parseFloat
global.Number
global.String
global.Boolean
global.Object
还有一种是浏览器自己加的属性,如
window.alert
window.prompt
window.comfirm
window.console.log
window.document
window.document.createElement
2.全局函数
- Number
var n1 = 1
var n2 = new Number(1)
这两种定义数值的方式有什么区别呢?
前者仅仅是Number基本类型,而后者是对象,它包含着有许多属性。比如toString等
但这意味着n1不能使用这些属性了吗?答案是否定的。n1也可以使用这些属性。
n1.toString(); // '1'
这是因为当n1使用这些属性时,它会创建一个临时对象,这个临时对象调用这些属性并返回值,最后被销毁。
n1.xxx = 2
console.log(n1.xxx) // undefined
3.String
var s = new String('abc')
s[0] // a;可以像数组那样取值
s.charAt(0) // a;相当于s[0]
s.charCodeAt(0) // 97;a的编码
'a'.charCodeAt(0) // 97
(100).toStirng(16) // 64以十六进制的形式编码
' username '.trim() // 'username';去掉两边的空格
var s1 = 'hello '
var s2 = 'world'
s1.concat(s2) // 'hello world';连接两个字符串
s2.slice(2,3) // 'r';包前不包后
s1.replace('e','o') // 'hollo'; 替换字母
4.__proto__和prototype傻傻分不清楚
为了搞清楚prototype和__proto__,我们先来搞清楚下面几个概念
var n = new Number(1)
var s = new String('hello')
var b = new Boolean(true)
var o = new Object({})
n
、s
、b
、o
称为实例对象,Number
、String
、Boolean
、Object
称为构造函数。
n
的属性继承了Number
的方法,比如toExponential
、toFixed
等。
上面这些方法都放在一个对象里面,这个对象我们可以通过Number.prototype
来找到。JavaScript 规定,每个函数都有一个prototype
属性,指向这个对象。这个对象称之为原型对象。
每一个对象都有__proto__
属性,这个属性指向它的原型对象。以Number
为例:
n.__proto__ === Number.prototype // true
你可能会问,既然每一个对象都有__proto__
属性,Number
也是构造函数,函数也是对象的一种,那么Number
也有__proto__
属性吗?有的话,它指向谁呢?
答:所有的构造函数都是由一个名为Function
的函数构造出来的,Function
是所有构造函数的爸爸。
Number.__proto__ === Function.prototype // true
String.__proto__ === Function.prototype // true
Boolean.__proto__ === Function.prototype // true
Object.__proto__ === Function.prototype // true
Function.__proto__ === Function.prototype // true
你可能注意到了,Function
本身也是函数,因此它自己的__proto__
,指向自己的prototype
。
你还可能会问,既然原型对象(比如Number.prototype
、String.prototype
这样的)也是对象,它们也有自己的原型对象吗?
答:有的。原型对象的原型对象都指向Object.prototype
。Object.prototype
就是最终大Boss。如上文所说,用__proto__
可以找到自己的原型对象,那么我们来验证一下是否正确:
Number.prototype.__proto__ === Object.prototype // true
String.prototype.__proto__ === Object.prototype // true
Boolean.prototype.__proto__ === Object.prototype // true
Function.prototype.__proto__ === Object.prototype // true
你还可能会问,Object.prototype也是对象呀,那它会指向谁?
Object.prototype.__proto__ // null
我们来整理一下:以var n = new Number(1)
为例
n.__proto__ === Number.prototype
Number.prototype.__proto__ === Object.prototype
Object.prototype.__proto__ === null
这条层层向上查找的路就是原型链,它的终点的是null