手把手带你学习微信小程序 —— （ES6语法简要概述）

person(“GG”,20);

},

2.解构传参，使用对象传参 —— 解决个别无法传参的问题

fucndemo:function(){

function person(name,age=18,gender=“男”,height=170){

console.log(“=============”);

console.log(name,age,gender,height);

console.log(“=============”);

}

person(“GG”,20,height=180);

},

因此，可以采用对象传参

fucndemo:function(){

function person(name,{age=18,gender=“男”,height=170}){

console.log(“=============”);

console.log(name,age,gender,height);

console.log(“=============”);

}

person(“GG”,20,{height:180});

person(“GG”,{});

//使用对象传值的时候，默认值要传一个空值, 或者在定义函数的时候给一个默认值

//function person(name,{age=18,gender=“男”,height=170}={})

// person(“GG”);

},

2.2 ES6 箭头函数？

---

129节 箭头函数

1. 模拟一个网络请求，使用两种方式

fucndemo:function(){

// 网络请求的模拟

function request(url,success){

console.log(“正在请求:”+url);

console.log(“请求完成”);

if(success){

success([1,2,3,4]);

}

}

// request(“http://www.baidu.com/”,function(res){

// console.log(res);

// });

request(“http://www.baidu.com/”, res =>{

console.log(res);

});

},

2. 返回多个参数

function request(url,success){

console.log(“正在请求:”+url);

console.log(“请求完成”);

if(success){

success([1,2,3,4],“aaa”);

}

}

// request(“http://www.baidu.com/”,function(res){

// console.log(res);

// });

//如果没有任何参数，可以使用 空的括号

request(“http://www.baidu.com/”, (res1,res2) =>{

console.log(res1,res2);

});

3. 获取返回值

function request(url,success){

console.log(“正在请求:”+url);

console.log(“请求完成”);

if(success){

let result=success([1,2,3,4],“aaa”);

console.log(result);

}

}

// request(“http://www.baidu.com/”,function(res){

// console.log(res);

// });

request(“http://www.baidu.com/”, (res1,res2) =>{

console.log(res1,res2);

return true;

});

},

4. 直接返回

request(“http://www.baidu.com/”, (res1, res2) => “hello world”);

130节 promise 风格调用

promisedemon:function(){

let p= new Promise((resolve,reject) =>{

setTimeout(()=>{

//模拟网络请求

// resolve([1,2,3,4]); 请求成功了，执行 then方法

// reject(“请求失败。。。”); 请求失败了 执行 catch方法

},1000);

});

//等价于succe回调，resolve 和 reject 只会执行一种情况

p.then(res =>{

console.log(res);

console.log(res+“\n请求成功”);

}).catch(err =>{

console.log(err);

console.log(“请求失败”);

});

},

三、类的学习

====================================================================

3.1 定义类以及使用构造函数

---

131节 ES6 类的学习

1. 类的基本使用

// 定义 ES6 中的类，类中每个方法都不能加逗号

classdemo:function(){

class Person{

// 构造函数

constructor(name,age){

this.name = name;

this.age = age;

}

sayHello(){

console.log("Hello World,my name is “+this.name+” and I am "+this.age);

}

}

var p =new Person(“dd”,18);

p.sayHello();//该方法通过对象调用

},

//Hello World,my name is dd and I am 18

3.2 定义类以及使用静态方法

---

2. 定义静态方法，直接调用方法

使用 static 关键字 修饰的方法或者 类，可以直接通过类名调用方法

对象方法和类方法灵活使用

四、模块化代码

=====================================================================

4.1 import 或者 export

---

132节 模块

使用export 和 impoet 语句即可，可以直接导入js文件

eg：

新建一个util.js 文件，添加如下代码

function sayHello()

{

console.log(“hello world”);

}

export {sayHello}