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、模块化、组件化——class2、JSX《—》babel《—》browser.js

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