天天看点

应该了解的js内容

1.js的基本数据类型(五种)

Number,String,Boolean,Undefined,Null

js的引用数据类型

三大引用类型:Object类型,Array类型,Function类型

除此之外,还有Date,Math,RegExp....

2.什么是闭包?写一个简单的闭包。

        闭包的本质是在一个函数的内部创建另一个函数,这样在一个函数的内部也有权限访问另一个函数的变量。

       在js的作用域环境中访问变量是由内向外的,内部作用域可以获得当前作用域下的变量并且可以获得包含当前作用域的外层作用域下的变量,反之则不能。也就是说在外层作用域下无法获取内存作用域的变量。同样,在不同的函数作用域中也是不能相互访问彼此变量的。

      闭包因为函数内部包裹函数,作用域链得不到释放,造成消耗内存。

闭包有三个优点:

      1,保护函数内的变量安全,实现封装,防止变量流入其他环境发生命名冲突。

       2,在内存中维持一个变量,可以做缓存(但使用多了也是一项缺点,消耗内存)

       3,匿名字执行函数可以减少内存消耗。

坏处也有两个:

       1,被引用的私有变量不能被销毁,增大了内存消耗,造成内存泄露。

        解决方法:可以在使用完变量后手动为它赋值为null。

       2,其次由于闭包涉及跨域访问,所以会导致性能损失,我们可以通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响。

       解决方法:

       立即执行函数,创建函数后立即执行。

         IIFE

         -页面加载完成后执行一次的设置函数

         -将设置函数中的变量包裹在局部作用域中,不会泄露成全局变量。

立即执行函数的两种形式:

  (function(){........} )()

     (function(){.......}())

function fn(){

var num=3

return function(){

var n=0;

console.log(++n):

console.log(++num);

}}

var fn1=fn();

fn1();

fn1();

3.原型和原型链

       js中有两种原型,一种是显式原型prototype(又称为函数原型,只有函数才有),另一种叫做隐式原型_proto_(又称为对象原型)

       prototype保存着实例共享的方法,有一个指针constructor会指向构造函数

      _proto_用于指向创建这个对象的函数的prototype,假如需要获取这个对象的属性或方法时,先在自身的属性或方法上查找,假如找不到就会通过_proto_向上寻找,由此形成原型链。

应该了解的js内容

4.作用域

       作用域是在运行时代码中的某些特定部分中变量,函数和对象的可访问性。换句话说,作用域决定了代码区块中变量和其他资源的可见性

       作用域包括:全局作用域、函数作用域、块级作用域。

       或者说1,在代码中任何地方都能访问到的对象拥有全局作用域

2,函数作用域,是指声明在函数内部的变量,和全局作用域相反,局部作用域一般只在固定的代码片段内可访问到,最常见的例如函数内部。

      块级作用域可通过新增命令 let 和 const 声明,所声明的变量在指定块的作用域外无法被访问。块级作用域在如下情况被创建:

  1. 在一个函数内部
  2. 在一个代码块(由一对花括号包裹)内部

5.this

      this的指向在函数运行的时候才确定(谁调用的指向谁)。有4种情况:普通的this、作为对象方法、apply调用,this同级中有返回值。

 一,普通的this:指向调用这个函数的对象   

二、作为对象方法:指向调用对象的父级

三、apply调用:指向apply()括号里面的对象。

四、this同级中有返回值:若返回值是一个对象,this指向返回对象,若不是,则指向函数的实例。

总之,谁调用指向谁;

  • 作为普通函数调用 =>返回window
  • 使用call、apply、bind调用 =>传什么绑定什么
  • 作为对象方法调用=>返回对象本身
  • 在class方法中调用=>返回当前实例本身
  • this指向函数据以执行的环境对象,当在网页的全局作用域中调用函数时,this对象指向的就是window,nodejs环境this对象指向的是global。this的取值与调用方式有关,一般情况下,如果使用"()"调用,那我们查看"()"前是不是函数名,如果是继续查看函数名前有没有"."如果有,"."前面的那个对象就是this,那么this指向这个对象;如果不是指向全局对象(global/window)

6.call、apply、bind

.call apply改变this指向

        .call(执行环境对象,实参列表);

        .apply(执行环境对象,实参列表数组);

        .bind(执行环境对象)(实参列表);

改变this指向,call和apply传参形式不一样,call传入一个个参数,apply传入一个数组,bind只有在调用时才会生效。

7.浅拷贝和深拷贝的区别

   浅拷贝基本数据类型拷贝的是值,引用类型拷贝的是地址,因此当值是引用类型时,新创建的值如果发送变化,那么指针指向的内容也就发送变化,因此原来的值也就改变。

浅拷贝方法有:

  • object.assign
  • 扩展运算符let cloneObj = {…obj}
  • concat运算符
  • slice拷贝数组
  • 手工实现

深拷贝指的是在内存中开辟一个新的空间,用来存放拷贝过来的值,新创建的值改变,不会影响到原有的值(因为它们不属于同一个地址)

深拷贝方法:JSON.stringfy、手写递归实现

数组和字符串方法有哪些

数组方法:

push,pop,shift,unshift,join,sort,concat,splice,slice

字符串方法

split,replace,concat,trim,indexOf,lastIndexOf,substr(提取字符串,可以规定被提取的长度),search(搜索特定的值,返回其位置)

数组遍历

for循环,for each,for of,for in

继续阅读