zoukankan      html  css  js  c++  java
  • Nodejs以及ES6练习

    一.Node js 

    Nodejs就是运行在服务端的javaScript,node js就是运行环境

    在windows只需要双击安装包装完以后打开命令行 执行:

    测试,安装成功

    入门练习

    demo1.js

    var a=1;
    var b=2;
    console.log(a+b);
    

    demo2.js

    /*定义函数实现两个函数相加
    * */
    function add1(a,b) {
        return a+b;
    }
    
    var add2=function (a,b) {
        return a+b;
    }
    
    var ret=add2(123,321);
    console.log(ret);
    

    demo3_1.js

    /*
    * 定义一个函数,提供给其他js调用
    * ES5导出:
    * 语法:
    * exports.函数名=function(){}
    * **/
    exports.add=function (a,b) {
        return a+b;
    }
    

    demo3_2.js

    /*
    * 调用其他的函数
    * ES5
    * var instance = require('js的相对路径')
    * **/
    var instance=require('./demo3_1');
    var add=instance.add(111,555);
    console.log(add);
    

    这就是分模块化编程的小实现

    demo4.js

    /*
    * 基于nodejs创建web服务器--使用nodejs提供的模块
    * */
    var http=require('http');
    http.createServer(function(request,response){
        //request 请求对象
        //response 响应对象 一定要结束响应
        //1.向客户端浏览器输出打印内容  参数一:状态码  参数二:响应的数据内容
        response.writeHead(200,{"content-type":"text/html;charset=utf-8"});
        response.write("hello nodejs!");
        response.end();
    }).listen(8888);
    

    二.ES6

    demo1

    /*
    *定义变量 ES5 var ES6 let
    * */
    var getName=function (flag) {
        if(flag){
            var name="jack";
        }
        console.log(name);
    }
    getName(true);
    

    /*
    *定义变量 ES5 var 全局变量 ES6 let 局部变量 
    * */
    var getName=function (flag) {
        if(flag){
            let name="jack"; /*var换成let*/
            console.log(name);
        }
    };
    getName(true)
    

    demo2

    /*const
    * 定义常量
    * */
    const name ="jack";
    //name="rose";报错,因为是常量,不能被改变
    console.log(name);
    

    demo3

    /*模板字符串*/
    //`` 1.字符串拼接 2.所见即所得
    
    let user={name:"jack"};
    let content=`你好,${user.name}
        a       b
            c       d`;
    console.log(content);
    

    demo4

    /*对象解构*/
    let user={name:"jack",age:"16",address:"北京"};
    
    //将对象中的属性赋值给变量
    const {name,...obj}=user
    
    console.log(name);
    console.log(obj);
    

    demo5

    /*
    * 箭头函数:简化函数编写 ()=>{}
    *function(data){}  (data)=>{}
    * */
    function add1(a, b) {
        return a+b;
    }
    var add2=function(a,b){
        return a+b;
    };
    //ES6 简化省略function关键字
    var add3=(a,b)=>{
        return a+b;
    };
    //当函数逻辑只有一行代码  只有一个返回值  方法体return省略
    var add4=(a,b)=>a+b;
    
    console.log(add4(1,2));
    

     

  • 相关阅读:
    程序员:不要自称为码农
    SpringBoot对静态资源配置
    LeetCode 572. Subtree of Another Tree(子树)
    LeetCode 437. Path Sum III(统计路径和等于sum的路径数量)
    LeetCode 112. Path Sum(判断路径和是否等于一个数)
    LeetCode 617. Merge Two Binary Trees(归并两棵二叉树)
    LeetCode 226. Invert Binary Tree(翻转二叉树)
    Failure to transfer org.apache.maven.plugins:maven-resources-plugin:pom:2.6 的解决办法
    linux-查询某软件的安装的目录
    WebService概念解释
  • 原文地址:https://www.cnblogs.com/WonderfulU/p/11239865.html
Copyright © 2011-2022 走看看