前端基础知识
前端基础知识
ECMAScript 6
什么是 ECMAScript 6
ECMAScript 6.0(简称 ES6)是 JavaScript 语言的下一代标准,
2015 年 6 月正式发布。它的目标,是使得 JavaScript 语言可以
用来编写复杂的大型应用程序,成为企业级开发语言。
ECMAScript 和 JavaScript 的关系
一个常见的问题是,ECMAScript 和 JavaScript 到底是什么关系?
要讲清楚这个问题,需要回顾历史。1996 年 11 月,JavaScript 的创造
者 Netscape 公司,决定将 JavaScript 提交给标准化组织 ECMA,希望
这种语言能够成为国际标准。次年,ECMA 发布 262 号标准文件(ECM
A-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言称为
ECMAScript,这个版本就是 1.0 版。
因此,ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者
是前者的一种实现(另外的 ECMAScript 方言还有 Jscript 和
ActionScript)
基本语法
ES6相对之前的版本语法更严格,新增了面向对象的很多特性以及一些
高级特性。本部分只学习项目开发中涉及到ES6的最少必要知识,方便
项目开发中对代码的理解。
let声明变量
{
var a = 1;
let b = 2;
}
console.log(a)
console.log(b)
var m = 1;
var m = 2;
let n = 10;
let n = 20;
console.log(m)
console.log(n)
const声明常量(只读变量)
const PI = "3.1415926"
PI = 3
const MY_AGE
解构赋值
创建 03-解构赋值-数组解构.js
解构赋值是对赋值运算符的扩展。
他是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。
在代码书写上简洁且易读,语义更加清晰明了;也方便了复杂对象中数据字段获取。
let a = 1, b = 2, c = 3
let [x, y, z] = [1, 2, 3]
let user = {name: 'Helen', age: 18}
let name1 = user.name
let age1 = user.age
console.log(name1, age1)
let { name, age } = user
console.log(name, age)
模板字符串
模板字符串相当于加强版的字符串,用反引号 `,除了作为普通字符串,还
可以用来定义多行字符串,还可以在字符串中加入变量和表达式。
let name = "lucy"
let age = 20
let info = `My name is ${name} ,I am ${age+1}`
console.log(info)
声明对象简写
const name = "lucy"
const age = 20
const user1 = {name:name,age:age}
const user2 = {name,age}
console.log(user2)
对象拓展运算符
拓展运算符(...)用于取出参数对象所有可遍历属性然后拷贝到当前对象。
let person1 = {name: "Amy", age: 15}
let someone1 = { ...person1}
let age = {age: 15}
let name = {name: "Amy"}
let person2 = {...age, ...name}
console.log(person2)
箭头函数
箭头函数提供了一种更加简洁的函数书写方式。基本语法是:
参数 => 函数体
箭头函数多用于匿名函数的定义
var f1 = function(a) {
return a
}
var f2 = a => a
使用箭头函数
var f3 = function(m,n) {
return m+n
}
var f4 = (m,n) => m+n
console.log(f4(4,5))