芯が強い人になるESTJ-A

# 2023 大前端进阶课 Nodejs ES6 语法糖

IT開発 Tags: 无标签 阅读: 228

nodejs

//导入模块,nodejs用require
const http = require("http");

//开启一个http服务
//用到了callback函数,回调函数
http.createServer(function(request,response){
    response.writeHead(200,{"Content-type":"text/plain"});
    response.end("hello server!!!");
}).listen(8888);

console.log("服务器已经启动,请访问http://localhost:8888");

截屏2023-01-30 6.06.18.jpg
截屏2023-01-30 6.06.26.jpg

ES6

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ES6--let,const</title>
</head>
<body>
    <script>
        //箭头函数
        //重点,小程序,脚手架,uniapp,大量使用
        //旧写法
        var sum = function(a,b){
            return a+b;
        }
        //箭头函数,新写法
        //改进1
        var sum2 = (a,b)=>{
            return a+b;
        }

        //改进2
        var sum3 = (a,b)=>a+b;

        //ES6对象简写
        //旧写法
        let info = {
            title:"学相伴",
            link:"http://www.betsy.monster./",
            go:function(){
                console.log("我的共享单车被偷了");
            }
        }
        //ES6新写法
        //变量提升,key:value,function这个字可以去除
        var title = "学相伴";
        var link = "http://www.betsy.monster./";
        let info2 = {
            title:title,
            link:link,
            go(){
                console.log("我的共享单车被偷了2222");
            }
        }
        //通过.
        console.log(info2);
        console.log(info2.title);
        console.log(info2.link);
        info2.go();

        //通过[]
        console.log(info2["title"]);
        console.log(info2["link"]);
        info2["go"]();

        //ES6对象结构==快速获取对象的属性和方法
        var {title,link,go} = info2;
        console.log(title,link);
        go();



    </script>
    
</body>
</html>