js去掉前后空格的函数_StudyNote -- JS原型 amp; 原型链

全局对象

ECMAScript 规定全局对象叫做 global，但是浏览器把 window 作为全局对象（浏览器先存在的）

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

window 的属性就是全局变量。（所有window的属性前面都可以省略window，直接调用）

这些全局变量分为两种：

一种是 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

全局函数

Number

var n = new Number(1) 创建一个 Number 对象

var n1 = 1 与var n2 = new Number(1) 的区别是什么？

内存图解

*n2包装成对象后里面有一些内嵌函数可以调用，n1就只是一个单独的数字。但是n1也可以调用这些方法，原因是给n1创建了一个临时变量，当这一个语句执行完该临时变量就被销毁。

var n = 1
n.xxx = 2  //不会报错
console.log(n.xxx) //undefined，因为上一句创建的临时变量已经被销毁，现在是另一个新的临时变量

2. String
var s = new String('hello') 创建一个 String 对象
'hello' 与 new String('hello') 的区别是什么？同上

常用api：

str.trim() — 去掉空格
str.charAt(’s’) — 返回’s'字符在该字符串中的位置
str1.concat(str2) — 将两个字符串连接在一起
str.slice(index1，index2) — 根据index截取字符串（包含index1，不包含index2）
str.replace(’s’,'r’) — 将字符串中的’s’换成’r'

3. Boolean

var b = new Boolean(true) 创建一个 Boolean 对象

true 与 new Boolean(true) 的区别是什么？--同上

var b = new Boolean(false)
var b1 = false
if(b){console.log(’b’)}
if(b1){console.log(’b1’)}
//输出：b，因为b是一个对象，所有对象都返回true

4. Object

var o1 = {}

var o2 = new Object()

o1 和 o2 没区别

var o1 = {}
var o2 = new Object()
o1 === o2  //false，因为o1和o2地址不同

公用属性

所有对象都有 toString 和 valueOf 属性，不需要在每个对象里重复，为了节省内存，JS 的做法是把 toString 和 valueOf 放在一个对象里（暂且叫做公用属性组成的对象），然后让每一个对象的 __proto__ 存储这个「公用属性组成的对象」的地址。

内存图解

但像Number这样的对象还有自己的一些共用属性（eg: toString(16)转成16进制），所以它的第一个 __proto__存的是Number独有的共用属性，然后有第二个 __proto__存的是所有对象的共用属性。

内存图解

String、Boolean也同理。

⚠️共用属性也就是原型（prototype）。

原型链

prototype和_proto__的区别：

prototype是在我们还没写代码时浏览器就准备好了的，是对共用属性的引用（为防止垃圾回收）；

__proto__是我们写了代码创建了对象后产生的，也是对共用属性的引用（这个对象被销毁，不再引用共用属性，共用属性也不会被回收，因为prototype会一直指向共用属性）。

内存图解

重要公式

var 对象 = new 函数()
对象.__proto__ === 对象的构造函数.prototype
// 推论
var number = new Number()
number.__proto__ == Number.prototypevar object = new Object()
object.__proto__ == Object.prototypevar function = new Function()
function.__proto__ == Function.prototype
// 另外，所有函数都是由 Function 构造出来的，所以
Number.__proto__ == Function.prototype // 因为 Number 是函数，是 Function 的实例
Object.__proto__ == Function.prototype // 因为 Object 是函数，是 Function 的实例
Function.__proto__ == Function.prototye // 因为 Function 是函数，是 Function 的实例！