1.原始值和引用值
原始值:基本数据类型;Undefined,Null,Boolean,Number,String,Symbol(ECMAScript6加入的)。(String在其他语言中是使用对象表示的,因此被认为是引用类型。)我们实际操作的就是存储在变量中的实际值。
引用值:复杂数据类型;Object对象,保存在内存中的对象,实际操作的时候,我们操作的是这个对象的引用而非实际值。
- 传递参数:ECMAScript中所有函数的参数都是按值传递的,即使参数是对象也是按值传递,而非引用传递。函数中的参数就是局部变量
function setName(obj) {
obj.name = 'Five';
obj = new Object(); //obj在函数内部重写时,
//它变成一个指向本地对象的指针。而那个本地对象在函数执行结束时候就销毁了。
obj.name = "小马哥";
}
let obj = new Object();
setName(obj);
console.log(obj.name); //Five
作用域链:在同一个class中,函数里面的局部变量和全局变量形成一个作用域链。函数里面可以访问全局变量,而函数外部无法访问函数内部的局部变量。
2.垃圾回收
-
标记清理
垃圾回收程序运行的时候,会标记内存中存储的所有的变量(标记的方法有很多,比如当变量进入上下文的时候反转某一位,或者维护“在上下文中”和“不在上下文中”两个变量列表),然后它会将所有在上下文中的变量,以及被在上下文中的引用的变量标记去掉,在次之后再被加上标记(清理标记)的变量就是待删除的了,原因是任何再上下文中的变量都访问不到它们了。随后垃圾回收程序做一次内存清理,销毁带有标记的所有值,并回收他们的内存。 - 引用计数
对于每个值都记录它被引用的次数。声明变量并给它赋一个引用值时,这个值的引用数为1。如果同一个值又被赋值给另外一个变量,那么引用加1。类似的,如果保存对该值引用的变量被其他值给覆盖了,那么引用数减1。当一个值的引用数为0的时,就说明没有办法访问到这个值了,因此可以安全的回收其内存。垃圾回收程序下次运行的时候就会释放引用数为0的值的内存。但是在循环引用的时候会出现问题。
//循环引用,导致引用数不为0,内存无法释放
function problem(){
let objectA = new Object();
let objectB = new Object();
objectA.someOtherObj = objectB;
objectB.anotherObj = objectA;
}
3.内存管理
优化内存占用的最佳手段就是保证在执行代码时,只保存必要的数据。如果数据不再需要,就把它置为null,从而释放其引用。这也可叫做解除引用。
- 1.通过const和let声明提升性能:因为这两个关键字都是以块(非函数)为作用域,所以相对于var关键字,可以尽早的释放内存。
- 2.隐藏类和删除操作:根据JavaScript所在的运行环境,有时候需要根据浏览器使用的JavaScript引擎来采取不同的性能优化策略。在V8引擎中会使用到“隐藏类”,运行期间V8会将创建的对象与隐藏类关联起来,以跟踪他们的属性特征,能共享相同隐藏类的对象性能更好。
function Article(){
this.title = '这个是文章的标题';
}
let a1 = new Article(); //此时,a1,a2,这两个实例会共享相同的隐藏类,
let a2 = new Article(); //因为这两个实例共享同一个构造函数和原型。
a2.author = '小马哥';//此时这两个实例对应两个不同的隐藏类
//解决方案
function Article(opt_author) {
//在构造函数中一次性声明所有的属性,而不是“先创建后补充”
this.title = '这个是文章的标题';
this.author = opt_author;
}
let a1 =new Article();
let a2 =new Article('小马哥');
//使用delete之后,即使两个实例使用了同一个构造函数,他们也不共享一个隐藏类。
//最好的方法是置为null
delete a2.author;
-
3.内存泄漏:JavaScript中的内存泄漏大部分是由不合理的引用导致的。
a.意外声明全局变量是最常见但也是最容易修复的内存泄漏问题
//此时解析器会当成window的属性来创建name,只要window不被清掉,name就不会被回收
function setName(){
name = '小马哥';
}
b.定时器也可能会导致内存泄漏
let name ='小马哥';
setInterval(()=>{
//只要定时器一直运行,name就会一直占用内存。
console.log(name);
},1000);
c.JavaScript闭包造成内存泄漏(有不同的观点:renturn的匿名函数才是闭包,闭包调用结束之后,里面引用的变量就都断了引用,所以造成内存泄漏的不是闭包,旧版本的IE,待考量。)
let outer = function (){
let name = "小马哥";
return function (){
return name;
}
}
调用outer()会导致分配给name的内存被泄漏。上面代码执行后创建了一个内部闭包,只要返回的函数存在就不能清理name,因为闭包一直引用着它。如果name的内容很大(不只是一个小字符串),后果就很严重。
- 4.静态分配与对象池:为了提升JavaScript行能,最后考虑的一点就是压榨浏览器,减少浏览器执行垃圾回收的次数,理论上,如果可以合理使用分配的内存,同时避免多余的垃圾回收,那么就可以保住因释放内存而损失的性能。
4.包装类型操作方法
- 1.Number
let num = 100;
//num.toFixed(2) 取小数点后某位,自动四舍五入
console.log(num.toFixed(2)); //10.00
//num.toExponential(1)科学计数法
console.log(num.toExponential(1)); //1.0e+2
//toPrecision(),会根据结果返回最合理的输出结果,可能是固定长度也可能是科学计数法
console.log(num.toPrecision(1)) //1e+2
console.log(num.toPrecision(2))//1.0e+2
console.log(num.toPrecision(3)) //100
//ES6新增方法,用于辨别一个数值是否保存为整数
console.log(Number.isInteger(1)) //true
console.log(Number.isInteger(1.00)) //true
console.log(Number.isInteger(1.01)) //false
- 2.String
let str = 'abcd';
//concat()字符串拼接,但是常用的还是‘+’
let result = str.concat('efg');
console.log(result); // abcdefg
//同java方法
//str.slice()
//str.trim()
//str.trimLeft() str.trimRight()
//str.repeat()
//str.substring(a,b) 返回下角标a至下角标b的字符串
//str.substr(a,b) 返回下角标a,后面b个字符
//str.indexOf(a)
//str.lastIndexOf(a)
//str.endsWith(a) ES6添加
//str.startsWith(a) ES6添加 可以添加第二个参数 表示从第几位开始
//str.includes(a) ES6添加 可以添加第二个参数 表示从第几位开始
let message = 'foobarbaz';
console.log(message.startsWith('foo')) //true
console.log(message.startsWith('foo',1)) //false
a.字符串的结构:字符串的原型链上暴露了一个@iterator方法,表示可以迭代字符串的每个字符。
let str = 'abc';
let iterator =str[Symbol.iterator]();
console.log(iterator.next()) //{value: "a", done: false}
console.log(iterator.next()) //{value: "b", done: false}
console.log(iterator.next()) //{value: "c", done: false}
console.log(iterator.next()) //{value: undefined, done: true}
console.log([...str]); //["a", "b", "c"]