js学习笔记

1. splice slice split的区别

slice(3,5) 截取,返回一个新数组,有一个或两个参数。只含一个参数则截取原数组从[3]开始到最后的内容。含两个则从[3]开始,截取5-3个

splice(3,2,”0”,”8”)在数组中添加/删除元素,会改变原来数组,返回的是删除的元素组,从元素[3]开始,删掉2个元素,同时在删除的位置添加0,8两个元素

split ()    切割                         

split(“ “)使用空格的方式将一个字符串进行切割成一个数组。

2.引用类型的赋值是将引用类型堆上的地址进行赋值。

3.argument对象     

每个函数都有arguments对象,里面存放的是函数接收到的实参数,可以通过类似数组的方式拿到它,arguments[0].....等,arguments还有一个length属性,它的值i代表实参的个数。但是函数的length属性值的是它形参的个数。

4.函数不建议设置过多的形参,这样会在开发上带来很多的麻烦,建议把形参封装成一个对象来进行传递。

5.对列的数据结构(先进先出)                         

6.js异步任务 

主线程会直接执行同步任务,异步任务会先执行一部分,然后退出主线程,等异步任务准备好之后再交给主线程当中来执行。

7.栈(先进后出的数据结构)

所有操作都在栈顶完成,完成后从栈顶推出。

8.js中没有块级作用域

在for循环、while循环中定义的变量在整个函数内部都可以访问。

浏览器会优先读取函数声明,但函数声明中用到的变量在本函数声明内找不到,会向上查找,直到找到该变量为止,若没找到则undefined,如果在本函数体内,变量声明位于要用到该变量的代码下方,则改变量的值为undefined,因为函数被创建了一个局部变量之后,会将函数声明中的变量定为undefined,即只读取一个 var a;这样的一个变量。

9.函数变量的提升

在函数执行之前,会先创建函数的作用域,这时也会把函数声明的变量都初始化成undefined,所有,在函数内部,建议把内部所有的变量声明都放在函数内的顶部。

10.浏览器中的全局对象window

在全局作用域中声明的变量和函数声明都是window对象的属性。

在全局环境当中,尽量少的去定义属性和方法,容易造成全局污染。

11.作用域链(数组)

函数之间通过父级子级的方式进行嵌套起来,形成的一个作用域与作用域之间的链。越是嵌套在最里面的函数,所包含的作用域链数组就越多。(自己理解总结出来的),每个函数都包含了全局window的一个作用域链组(global VO)。通过作用域链来进行搜索的顺序是从本身的作用域开始进行搜索,所以自身函数在作用域链数组中的索引值为0,然后逐层的向父级、父级的父级......进行搜索需要的变量声明,直到找到为止。这也就是所说的,通过作用域链来逐层的搜索。

12.函数的四种调用模式与this

第一种:方法调用模式。作为一个对象的(方法)属性来调用。 d.run();

第二种:构造函数(构造器)调用模式。

构造函数:可以把一个函数当成构造函数来用,首先需要创建一个空对象,然后对这个空对象进行复制,给他添加属性和方法,其中的this值就是创建的这个对象。(构造函数没有返回值,默认只会返回this,如果非要给它设置返回值,设置返回的类型如果是简单数据类型则该返回值被忽略;如果是引用类型,则前面定义的内容被忽略,该函数直接返回返回值的内容)

fuction GZfunc(name){

this.name = name;

this.age = 18;

}

然后我们就通过构造函数将它进行调用。

var b =new GZfunc(“Tom”);

console.log(b);

接下来

第三种:函数调用模式,通过全局对象window进行调用。

fn();

第四种:apply/call调用模式(方法借用)

通过改变函数内部的this指向

function sum(a,b){return a+b}

sun(3,4);此时函数的this指向的是window

var t ={name:”Tom”};

apply方法:将sum函数的this改为t对象,同时给sum函数以数组的形式添加两个参数,结果为3

var m = sum.apply(t,[1,2]);

call方法:(与apply相同,只是用法不同)

var n = sum.call(t,1,2);

两者中,参数t传入的类型如果是null,undefined,则会转为window。如果是number,string,boolean则转成对应的包装类型。

题目:把类数组转换成一个数组

var t ={1,2,3,4};

var k = Array.prototype.slice.call(t,0);

13.垃圾回收处理

1.数组清零 a=[];(不推荐)

a.length=0;(推荐使用这种,不会生成一个多余的内存空间)

2.对象清空。将对象的值设为null,等待垃圾回收。特别是在全局环境当中,可以将后面不再需要的设为空。

注️意:尽可能的把会重复使用的对象,函数表达式等放在循环体的外面。

14.闭包

定义在一个函数内部的函数,只有函数内部的函数才能读取该函数的局部变量。(能够模拟出一个私有的变量)

缺点:1.由于内函数赋给了全局变量,导致函数中的变量都保存在内存中,如果滥用闭包,将消耗很多内存,必要时需要自己将变量删除。

2.导致JavaScript的执行效率下降(但是现在已经优化了,基本可以不考虑。)

15.面向对象

面向对象其实就是一种思考问题,组织代码的方式。把程序当中的数据和行为理解成一个抽象的对象,然后把这些数据和行为进行封装起来所进行的一系列操作。

16.继承

你可能感兴趣的:(js学习笔记)