JS常用知识点

JS常用的知识点

1、伪数组及伪数组变成真数组

概念：

伪数组就是像数组的对象含有length属性,特性：
1、具有length属性
2、按索引方式存储数据
3、不具有数组的push,pop等方法
如：
1、function内的arguments 。
2、通过document.forms，Form.elements，Select.options，document.getElementsByName() ，
document.getElementsByTagName() ，childNodes/children 等方式获取的集合（HTMLCollection，NodeList）等。
3、特殊写法的对象 如：

var obj={};
obj[0] = "一";
obj[1] = "二";
obj[2] = "三";
obj.length = 3;

它们不具有数组的一些方法如push, pop, shift, join等

伪数组变成真数组：

1、[].slice.call(obj) 这个等于Array.protype.slice.call(obj)
slice会把通过索引位置获取新的数组，该方法不会修改原数组，只是返回一个新的子数组.call会把this的指向改为传进去的obj
var newArr=[].slice.call(obj)
2、 Array.form(obj),ES6的新语法
var newArr=Array.from(obj)
3、 使用扩展运算符,也是ES6的语法
var newArr= […obj]

2、函数中this

1、箭头函数没有this

this指向第一个包裹的它的函数

2、bind/call/apply

this指向第一个参数若参数为空，则指向window

3、普通函数

1）有new,this指向它的实例

2）无new
a.objec.func this指向object,
b.func this指向window,
c.异步调用 this指向window

3、=== 和 ==区别

1、 ==双方类型不一样就会进行类型转换，前者转后者
2、 === 比较的是数据类型是否相同
注意：
对象转原始数据类型结果：’[object Object]’
数组转原始数据类型结果：’’
相同复杂的数据类型比较的是地址

4、浅拷贝深拷贝

浅拷贝

Object.assign方法 拷贝所有属性值到新的对象中，如果属性是对象拷贝的是地址

深拷贝

JSON.parse(JSON.stringify(object)) 通常使用这个方法可以解决大部分问题但是也有局限性
会忽略undefined/symbol,不能序列化、不能解决循环引用的对象这时使用深度克隆

	  deepclone(obj) {
	      const objclone = Array.isArray(obj) ? [] : {}
	      if (obj && typeof obj === 'object') {
	        for (key in obj) {
	          if (obj.hasOwnProperty(key)) {
	            if (obj[key] && typeof obj[key] === 'object') {
	              objclone[key] = deepclone(obj[key])
	            } else {
	              objclone[key] = obj[key]
	            }
	          }
	        }
	      }
	      return objclone
	    }

5、原型和原型链

原型

每一个函数创建时都有一个自带属性，这个属性指向一个对象，这个对象就是原型

原型链

原型本身也是一个对象，这个对象又是Object的实例，所以原型也可以调用Object的原型，这样就形成一个链式调用，又叫原型链

6、判断数组的方法

1)、Object.prototype.toString.call()

2)、instanceof

3)、Array.isArray()

7、call和apply的区别，性能那个更好

Function.prototype.apply和Function.prototype.call的作用是一样的。其别在于出入的参数不同
1）第一个参数都是指定函数体内的this指向
2）第二个参数开始不同，apply是纯如的带下标的集合，数组或者类数组，apply把它传给函数作为参数，call从第二个开始传的参数是不固定的，都会传给函数作为参数
3）call比apply性能更好，call传入的参数格式通常是内部所需要的格式