[游戏开发]Es6初学总结

一、变量

变量命名

1.变量名要以字母，下划线开头

2.变量名不能时系统里的关键字或保留字

3 .使用驼峰命名法

Es5定义变量 变量名的命名规则

var name ="自定义名字"

在Es6中要定义变量需要使用let关键字

let name ="自定义名字"

let的特性

1.不能够重复定义的

2.不存在变量提升

3. 存在块级作用域

4.不存在作用域链问题

常量

1.const

const 是用来声明常量的，常量是固定不变量

语法：const 常量的名称 = 值

注意：

1.常量的值 一旦定义不能被修改

2.常量的名称 一般使用大写

3.常量在定义的时候必须赋值

4.不允许重复定义的

5.块级作用域

经典案例

var arr = []; ?//定义一个空数组

? ? ? ? for (let i = 1;i < 10; i++){

? ? ? ? ? ? //循环体

? ? ? ? ? ? ?arr[i] = function (){

? ? ? ? ? ? ? ? //将i的值返回到外边(函数)

? ? ? ? ? ? ? ? ?return i;

? ? ? ? ? ? }

? ? ? ? }

? ? ? ? console .log(arr[4]());

结果：4

点击换色

绑定单击事件的标签

? ? ? ? var divObj = document.getElementsByClassName("item")

?解构赋值

Es6中的解构赋值? ?在于可以简化同时定义多个变量并赋初始值的

var num1 = 12;

var num2?= 13;

var num3?= 15;

Es5(js)中的简写方法

var num1 = 12,num2 = 13,num3 = 15；

Es6解构赋值的基础用法

let [num1,num2,num3,num4,num5] =[12,13,15,20,23]

? ? ? ? ?console.log(num1);

结果为：12

对象的解构赋值

对象的解构赋值

? ? ? ? ?a.等号左侧要使用花括号({})包裹变量名

? ? ? ? ?b. 变量名要和对象中要要解构的属性名保持一致

? ? ? ? ? c.等号右侧就是要结构的对象

运算符的复习

运算符的分类

算术运算符

? ? ? ? ? ? ? ? + ? - ? * ? / ? % ? ++ ?--

? ? ? ? ? ? 比较运算符

? ? ? ? ? ? ? > < >= ?<= ?!= ?== ?!== ? ===

赋值运算符

? ? ? ? ? ? = ?+= ?-+ ? *= ?/= ?%=

逻辑运算符 ?大多数情况都会用在条件里边

? ? ? ? ? ? && ? ?只有当两边的条件都为真时，整体返回true,其它情况全返回false

? ? ? ? ? ? || ? ?只有当两边的条件都为假时，整体返回false,其它情况全返回true

? ? ? ? ? ? ! ? ? ? 非真 即假 ? 非假即真

字符串拼接运算 ? 变量和字符串拼接

? ? ? ? ? ? ? ? ? ? 5+5 ?//10

? ? ? ? ? ? ? ? ? ? 10+'5'//105

? ? ? ? ? ? 三元运算符

? ? ? ? ? ? 条件？ 条件为真的执行：条件为假的执行

? ? ? ? ? ? if(){}else{}

? ? ? ? */

? ? ? ?// 取余运算 ?%