首页 > 其他分享 >vue02

vue02

时间:2022-10-29 09:34:01浏览次数:58  
标签:resolve console log vue02 res js user

1.基本

1.node.js是服务器(容器),是管理依赖的, 跟tomcat差不多,帮助连接数据库

2.安装npm,为了下载依赖 --> 在终端输入 npm init --> 生成package.json文件(相当于maven中的pom.xml文件)

3.npm/yarn 都是用来安装依赖包的

4.npm rebuild重新加载依赖

2.解构

{}大括号基本就是解构

//解构,输出的时候不用写  user.username
let user = {
    username:"admin",
    password:"123",
    eat(){
        console.log("eat方法")
    }
};
​
let{username , password , eat}=user;
console.log(username+"->"+password);  //admin->123
eat();  //eat方法
​
//数组的解构
let[a,b,c,d]=[1,2,3,4];
console.log(b);  //2
//不定长参数
let[x,...y]=[5,6,7,8];
console.log(x);  //5
console.log(y);  //[6,7,8]

3.模块化

js需要对外暴露,但是需要在package.json中定义模块化以后才会好使

  "type": "module",
  "dependencies": {
    "express": "^4.18.2"
  }
//a.js
let user={
    username:"12",
    password:"34",
    login(){
        console.log("登录")
    },
};
//js需要对外暴露,但是需要在.json中定义模块化module以后才会好使
export default user;
//b.js
//在b.js中访问a.js中的结构
import user from "./a.js";
user.login();
console.log(user);
//登录
//{ username: '12', password: '34', login: [Function: login] }

4.promise函数

promise函数防止回调地狱, 是异步函数,是多线程

//resolve,reject  异步任务如果执行成功,自动调用resolve函数
//他可以将执行完resolve传递给下一个resolve
//resole传来的参数就到了下一个res中
new Promise((resolve,reject) => {
    setTimeout(() => {
        console.log("1");
        resolve("1");
    }, 1000);
    //当异步任务执行成功之后,会执行then中的回调
}).then((res) => {
    console.log("这就是从第一个任务中传递进来的res:" + res);
    return new Promise((resolve,reject) =>{
        setTimeout(() => {
            console.log(res+"2");
            resolve(res+"2");
        },1000);
    });
}).then(res=>{
    console.log("这就是从第二个任务中传递进来的res:" + res);
    return new Promise((resolve,reject) =>{
        setTimeout(() => {
            console.log(res+"3");
        },1000);
    });
}).catch((err)=>{
    console.log("捕获异常:"+err);
});

 

标签:resolve,console,log,vue02,res,js,user
From: https://www.cnblogs.com/yjjy/p/16838057.html

相关文章