hr226的博客

ECMAScript6.0（ES6=ES2015）≈JavaScript（JS） ES6转换两种方法：1、在线转换；2、提前编译（推荐） 可以用babel（相当于browser.js）转换 转换语法的作用：让不支持ES6语法的浏览器或其他设备可以使用ES6语法 <script src="browser.js" charset="utf-8"></script> <sc...

普通函数 function 名字(){ } ES6箭头函数： 1、只有一个参数，()圆括号可以省略； 2、只有一个return，{}花括号和return都可以省略 ()=>{ return ; } ES6函数的参数： 1、收集参数：args=arguments数组：剩余参数，这个在形参中必须放在最后一个形参位置（*Rest Parameter） function show(a,b...

ES6解构赋值： 1、左右两边结构必须一样（一 一对应）； 2、右边必须是个具体的合法的对象（如数组、JSON、数组里可以嵌套有JSON和数组和数字和字符串等）； 3、声明和赋值不能分开，即声明和赋值必须在同一行语句（必须在一条语句里完成） <script> //数组 let [a,b,c]=[1,2,3]; console.log(a,b,c); //结果1,2,3 //JSON...

数组： 1、map（映射：一 一对应）：如成绩分数对应及格与否、用户ID对应用户的一条记录; <script> let arr = [1, 2, 3] /* let result = arr.map(function(item) { return item * 2; ...

ES6字符串： 1、比ES5多了两个新方法：startsWith、endsWith //方法一：startsWith <script> // 例子一 /* let str = 'erywi45841'; alert(str.startsWith('e')); //以e开头的字符串；结果：true */ // 例子二 let str = 'https://www.h...

ES6面向对象和继承——基础： 1、传统写法 <script> function User(name, pass) { // 弊端：User既是一个构造函数，也是一个类 this.name = name; this.pass = pass; } // 原型加载 User.prototype.showName = function()...

ES6面向对象应用——React： React： 1、模块化、组件化——class 2、JSX《—》babel《—》browser.js

json： 1、JSON对象： JSON.stringify JSON.parse 2、JSON简写： （1）属性和属性值（key、value）的名字是一样的时候可以只保留其中一个（如{a:a, b:b}=>{a, b}）； （2）方法 当函数中有:function时，可以把:function删掉。 3、json标准写法： （1）名字和字符串值只能用双引号； （2）所有的名字都必须用双引号包...