es6
文章平均质量分 64
张兴华(MarsXH.Chang)
行动是治愈恐惧的良药,犹豫拖延将不断滋生恐惧!
展开
-
ES6面向对象--实现绚丽小球(跟随鼠标)
本文主要实现一个 随鼠标移动随机产生颜色不一的小球并逐渐消失 的效果。 主要使用了canvas画布和ES6中的class语法糖(构造函数)。 还封装了一个MyRandom用于随机取n到m之间的随机数,包括n和m。 详细请见JS实现使用Math.random()函数生成n到m间的随机数字实现代码如下:<!DOCTYPE html> <html lang="en"> <head> <met原创 2017-12-21 19:13:37 · 1068 阅读 · 0 评论 -
ES6基础语法(七) —— 内置对象扩展
七、内置对象扩展 1. 模板字符串 // 正常情况下不允许换行 let html1 = '今天的天气很好!适合敲代码!'; // 模板字符串(esc下面的键``-注意输入法调成英文) let str = '适合敲代码!'; let className = 'test'; let html = `原创 2018-01-17 13:28:31 · 413 阅读 · 0 评论 -
ES6基础语法(六) —— Class的基本运用
六、Class的基本运用 Class面向对象 与 构造函数法面向对象 //构造函数 function Person(name, age) { this.name = name; this.age = age; } Person.prototype = { constructor: Person, pr原创 2018-01-17 12:37:58 · 309 阅读 · 0 评论 -
ES6基础语法(五) —— Symbol
五、Symbol ·ES5对象属性名都是字符串容易造成属性名的冲突。 eg:var a = { name: 'lucy'}; a.name = 'lili'; //这样就会重写属性 ·ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。 ·重新复习下新知识:基本数据类型有6种:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(N原创 2018-01-17 11:23:48 · 411 阅读 · 0 评论 -
ES6基础语法(四) —— 数据集合-map
四、数据集合-map ·类似于对象,以键值对方式存储 ·不同点:对象中键只能是字符串,map中可以为对象 //在对象中,键如果为一个对象,会直接将这个对象toString(),都会变成"[object Object]"字符串,所以"大海"能替换"天空" let obj1 = {a: 1}, obj2 = {b: 2}, obj = {}; obj.name = '张三';原创 2018-01-17 10:56:30 · 347 阅读 · 0 评论 -
ES6基础语法(三)—— 数据集合-set
三、数据集合-set ·类似于数组,不同点是set里没有重复数据 ·主要用于去除重复数据 1.创建一个集合 let set = new Set(['张三', '李四', '王五', '张三', '李四']); console.log(set); Set(3) size:(...) __proto__:Set [[Entri原创 2018-01-15 16:06:25 · 334 阅读 · 0 评论 -
ES6基础语法(二)—— 解构赋值
二、解构赋值1.基本用法 let [name, age, sex] = ['李四', 20, '女']; name = 'hhh'; console.log(name); // hhh console.log(age); // 20 console.log(sex); // 女2.对象的解构赋值 let {name, age, sex} = {name原创 2018-01-15 15:19:02 · 322 阅读 · 0 评论 -
ES6基础语法(一)—— let和const
一、let和const var--声明变量和常量 let--声明变量(不能重复声明) const--声明常量(不能修改也不能重复声明) 1.let和const的作用域只局限于当前代码块 { var str = '张三'; let str1 = '李四'; const str2 = '王五'; } console.log(st原创 2018-01-15 14:59:13 · 366 阅读 · 0 评论 -
JS实现数组去重
var arr = [3, 5, 6, 5, 2, 3]; function arrquchong(arrobj){ var len = arrobj.length; for(var i = 0; i < len; i++){ for(var j = 0; j < len; j++){ if(i != j){ i原创 2017-10-16 21:58:39 · 533 阅读 · 1 评论 -
ES6基础语法(八) —— 函数扩展
八、函数扩展 1. 形参设置默认值 function sum(num1 = 20, num2 = 10) { console.log(num1 + num2); } sum(10, 30); // 40 sum(); // 30 2. 参数形式--延展操作符 // es5中解决不定数量的参数(但参数全在arguments里,如果传入多个类原创 2018-01-17 15:07:01 · 313 阅读 · 0 评论