Vue前置必会知识点

Vue前置知识点

1.表达式,变量是什么

// 变量存储数据,表达式原地都有返回结果
// 变量的赋值 var let const (知道这三种声明变量的区别) 
// 表达式 = 数据 + 运算符
// 表达式是可以被求值的代码,javascript引擎会将其计算出一个结果，特点：
// 1. 表达式一定有结果。 返回运算的结果
// 2. 表达式返回的数据： 通常用一个新的变量来赋值

// 常见的表达式有如下几类：
// 1. 所有的字面量，比如：12，'hello', true, [], {}
// 2. 对象.属性，比如：obj.name
// 3. 由运算符参与的运算，例如：1 + 2， 4 < 5，true ? 'a' : 'b'
// 4. 函数或方法的调用，例如：fn(), obj.fn()，原地得到返回值

2.new的作用和含义

new 类名() - 原地得到一个实例对象 - 对象身上有key(或叫属性, 叫键都行), 对应的值是我们要使用的

3.实例化对象

实例化对象就是new 类名() 创造出来的对象, 身上包含属性(key, 键) 对应的值

4.什么是对象上的属性和方法

let obj = {
    // 属性指的是a, b, c, d, e这些名字
    a: 10,
    b: [1, 2, 3],
    c: function(){
   },
    d () {
   },
    e: () => {
   } // 值是冒号:右边的值
}

5.this的指向

1、以函数形式调用时，this 永远都是 window

2、以方法的形式调用时，this 是调用方法的对象

3、以构造函数的形式调用时，this 是新创建的那个对象

4、使用 call 和 apply 调用时，this 是指定的那个对象

5、箭头函数:箭头函数的 this 看外层是否有函数 如果有，外层函数的 this 就是内部箭头函数的 this 如果没有，就是 window

6、特殊情况:通常意义上 this 指针指向为最后调用它的对象。这里需要注意的一点就是 如果返回值是一个对象，那么 this 指向的就是那个返回的对象，如果返回值不是一个对象那么 this 还是指向函数的实例

6.知道循环遍历是什么

let arr = ['第一个', '第二个', '第三个'];
// 索引就是数字, 标记每个值对应的序号, 从0开始
// 索引是0, 1, 2
// 数组需要用索引来换取值, 固定格式 arr[索引]
// 遍历就是挨个取出来

7.数组常用方法的使用(filter,splice,map,some,every,find,reduce…)

let arr = [19, 29, 27, 20, 31, 32, 35];
let newArr = arr.filter((val) => {
   return val >= 30})
// 数组调用.filter()方法 - 传入一个函数体 (固定格式)
// 运行过程: filter会遍历数组里的每一项, 对每一项执行一次函数体(会把每个值传给形参)
// 作用: 每次遍历如果val值符合return的条件, 就会被filter收集起来
// 返回值: 当filter遍历结束以后, 返回收集到的符合条件的那些值形成的新数组
console.log(newArr);

// splice()：删除、插入和替换。
// 删除：指定 2 个参数：要删除的第一项的位置和要删除的项数。
// 书写格式：arr.splice( 1 , 3 )
// 插入：可以向指定位置插入任意数量的项，只需提供 3 个参数：起始位置、 0（要删除的项数）和要插入的项。
// 书写格式：arr.splice( 2,0,4,6 )
// 替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定 3 个参数：起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。
// 书写格式：arr.splice( 2,0,4,6 )
var arr = [1,3,5,7,9,11]