YmwWow的博客

引言：最近在学习vue，用vue去做项目，发现很多大神的教程当中很多实用了ES6的语法，这让我这个还不会ES6的渣渣很难受，于是决定开始学习ES6，并做这个笔记。望能坚持!计划 这里我看的是技术胖的博客，我很喜欢技术胖的教学视频，以后工作，一定要给技术胖支持，希望他越做越好哈哈哈，话不多说。写下我的计划看视频入门看官方文档巩固开始学习（视频学习）学习技术胖视频1.ES6...

1.export与import（输出与输入）建立两个js文件（first.js 和second.js）//first.jsexport name = 'ymwow';//second.jsimport {{name}} from 'second' //这样就可以用了console.log(name)今天时间太赶，后面再补充！...

引言：在ES5中我们接触的是模拟类的写法，ES6给我们提供了class类的写法，就不用模拟了开始学习1.声明一个类//创建phone类方法有 name和priceclass Phone{ name(val){ console.log(val) return val; } price(val){ return v...

输入：chrome://flags/选择：启用实验性 JavaScript Mac, Windows, Linux, Chrome OS, Android原文： https://blog.youkuaiyun.com/hutianyou123/article/details/78164510

引言：promise的出现就是为了解决回调地狱的问题（我瞎掰的）关于回调地狱，不懂自行百度。这里我大概讲一下回调地狱：函数作为参数层层嵌套开始学习：这里申明三个函数No1No2No3var status = 1;function No1(resolve,reject){ if(status ==1){ console.log('这是第一个函数')...

引言：对象这里比较简单，但是还是记一下笔记吧1.对象ES5这么写var a = 1;var b = 2;var obj = { a:a, b:b}但是ES6可以这么写var a = 1;var b = 2;var obj = { a, b}2.key值构建可用在未确定key的情况let key = 'name...

引言：在我们的编程当中，很多小伙伴可能只知道for循环遍历数组，这里我就列出来几种数组的遍历方法，有新发现会补充开始学习1.forlet arr = ['web','c++','java','javascript','python','vue','go'];for(let i=0;i<arr.length;i++){ console.log(arr[i]);}...

引言：不写引言了，不知道说些啥了，这个in就单独做笔记用法：1.对象的判断判断对象里面有没有这个变量或者方法let obj = { a:2, b:5, c:6}console.log('a' in obj);2.数组的判断主要判断数组的下标有没有值，是不是为空，一下两个例子说明let arr = ['web','c++','java...

引言：谈不上说写了ES5几年，但是在ES6中使用的箭头函数看起来就是比ES5爽，然后学习ES6的语法，后期我的编程当中会一直使用ES6,这样才可以进步开始学习1.以下是ES5的函数写法function name(firstName,lastName){ return firstName+' '+ lastName;} console.log(name('yang','...

引言：ES6提供了一些对数组的操作，记此笔记开始学习1.json转数组 （Array.from）let json = { '0':'a', '1':'b', '2':'c', '3':'d', length:4}console.log(Array.from(json ))2.数组循环（forof）只取值let arr =...

引言：数字操作不是ES6新有的。本学习笔记将会涉及到，二进制、八进制、十六进制的表示；判断数字的类型（整形、浮点型、NaN、最大/最小安全整数），以及类型的转换开始学习1.二进制、八进制、十六进制的表示let a= 0b101010; //以0b开头，不区分大小写let b = 0o666; //以0o开头，不区分大小写let c = 0xABC; //以0...

引言：在ES6中提供了一个字符串模板，这个笔记中将列出ES5和ES6对字符串的操作。开始学习1.ES5对字符串的拼接var str1 = 'tony';var str2 = "hello!"+str1+",welcome to my home"console.log(str2);2.ES6对字符串的拼接let str1 = 'tony';let str2 = ...

引言：扩展运算符和rest运算符就是为了解决参数未知或者对象数组未知的编程，增强代码的健壮性与简洁开始学习1.对象扩展运算符（...）fun()里面的参数个数未知，这里用（...）标识，arg为参数数组，如下：function fun(...arg){ console.log(arg[0]); console.log(arg[1]); console.lo...

引言：ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。解构赋值在实际开发中可以大量减少我们的代码量，并且让我们的程序结构更清晰----技术胖1.数组的解构赋值一般数组的解构let [a,c,d] = [1,2,3];console.log(a);console.log(b);console.log(c);控制台输出：这里要求要求等号两边的...

引言：ES6提出了新的声明方式，一起来学习一下开始学习ES6中新的声明方式有如下几个var //声明一个全局变量 let //声明一个局部变量const //声明一个常量1）var与let的区别在程序当中var是定义一个全局变量，也就会作用域是全局的，而let的作用于在这个对象本身，超出则无法使用，见如下代码for(var i=0;i<5...

自己的理解，有错误还望指出： 在学习JavaScript的时候，我们知道他是没有类（class）的写法的，所以我们需要类的时候一般是使用构造函数来模拟类的写法。在ES6中提供了class写法，在ES5中是没有的，有时候我们在写一个构造函数的时候，使用的是function来写一个构造函数，但是这种函数式编程的方式，很难直观的发现构造函数。如下： 在ES5中，我们写一...