最后
终极手撕架构师的学习笔记:分布式+微服务+开源框架+性能优化
const list=[1,2,3];
list.push(4);
console.log(list);
=======================================================================
128节 ES6语法 —— 定义函数
- 默认参数(按顺序传参,默认参数要在非默认参数前面)
fucndemo:function(){
function person(name,age=18){
console.log(“=============”);
console.log(name,age);
console.log(“=============”);
}
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”);
},
129节 箭头函数
- 模拟一个网络请求,使用两种方式
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);
});
},
- 返回多个参数
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);
});
- 获取返回值
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;
});
},
- 直接返回
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(“请求失败”);
});
},
====================================================================
131节 ES6 类的学习
- 类的基本使用
// 定义 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
技术学习总结
学习技术一定要制定一个明确的学习路线,这样才能高效的学习,不必要做无效功,既浪费时间又得不到什么效率,大家不妨按照我这份路线来学习。
最后面试分享
大家不妨直接在牛客和力扣上多刷题,同时,我也拿了一些面试题跟大家分享,也是从一些大佬那里获得的,大家不妨多刷刷题,为金九银十冲一波!
存中…(img-WW8798BE-1715347751611)]
最后面试分享
大家不妨直接在牛客和力扣上多刷题,同时,我也拿了一些面试题跟大家分享,也是从一些大佬那里获得的,大家不妨多刷刷题,为金九银十冲一波!
[外链图片转存中…(img-oMZ1tIBF-1715347751612)]
[外链图片转存中…(img-hpd3tTFh-1715347751613)]