前端知识笔记-点点滴滴（1）

我对前端不熟悉，记录的知识点有不对的地方还请留言指正

定义变量

var a = 10 // JS写法
let b = 20 // es6写法

上述两种写法的区别是：

var 没有作用域，let 有作用域；

var 可以多次声明，let 只能声明一次；

---

定义常量

const A = 'test'

要求：定义的常量必须进行初始化赋值，且定义好的常量不能再被修改为其他值

---

解构赋值-数组

let a=1,b=2,c=3 // 传统写法
let [a,b,c] = [1,2,3] //es6写法

解构赋值-对象

// 定义一个user对象
let user = {name: 'bear', age：'25'}

// 传统取值
let name = user.name
let age = user.age

//es6取值
let { name, age } = user

---

模板字符串

模板字符串的意思就是你以怎样的格式定义字符串，在输出的时候，输出格式和写的格式保持一致

let a = `hello,
    bear`

注意字符串没有用单引号，使用的 ` (Tab键上边的那个)

代码中 hello,bear 中间换了行，那么在输出的时候也会换行，格式和写法保持一直，有点富文本的意思

` ` 的另一个作用

在 ``中可以使用表达式获取变量值，调用函数

// 获取变量
let name = 18
let string = `my name  is ${name}`

// 调用函数
function getName(){
    return 'bear'
}
let string = `my name is ${getName()}`

---

对象声明的简写方式

let name = 'bear'
let age = 18

// 传统声明
const p1 = {name:name, age:age}

// es6声明
const p2 = {name,age}

---

方法声明的简写方式

// 传统定义getName方法
const p1 = {
    getName:function(){
        // TODO
    }
}
p1.getName() // 调用

// es6定义getName方法
const p1 = {
    getName(){
        // TODO
    }
}
p1.getName() // 调用