zoukankan      html  css  js  c++  java
  • JavaScript小技巧:合并变量赋值、前端语音播报、package.json中^,~的区别

    一、合并变量赋值

      我们经常用到合并变量声明,也就是当我们声明多个同类型的变量时,可以像下面这样简写。

    //
    let test1;
    let test2 = 1;
    //
    let test1, test2 = 1;
    console.log(test1, test2) // undefined 1

      这里讲一个合并变量赋值的小技巧,当我们处理多个变量并将不同的值分配给不同的变量时,这种方式非常有用。

    let [t1, t2, t3] = [1, 2, 3];
    console.log(t1,t2,t3)
    // 1 2 3

    二、&& 运算符巧用

      如果仅在变量值为 true 的情况下才调用函数,则可以使用 && 运算符。

    //
    if (test1) {
     callMethod(); 
    } 
    //
    test1 && callMethod();

    三、前端语音播报

      语音播报:在项目中需要对ajax请求返回的消息进行语音播报,str 为返回的data(可以在浏览器控制台尝试)

    // 语音播报:百度
    function  voiceAnnouncements(str){
        var  url = "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&text=" + encodeURI(str);
        var  n = new  Audio(url);
        n.src = url;
        n.play();
    }
    voiceAnnouncements('你好,今天吃的什么?')

    四、package.json中 ^、~ 的区别

    "dependencies": {
        "vue": "^2.5.2",
        "vue-router": "^3.0.1"
    },

      指定版本号:

    1、指定版本。比如:"vue": "2.5.2",表示安装2.5.2的版本

    2、波浪号 ~ + 指定版本。比如: "vue": "~2.5.2",表示安装2.5.x的最新版本(不低于2.5.2),但是不安装2.6.x,也就是说安装时不改变大版本号和次要版本号

    3、^ + 指定版本。比如:"vue": "^2.5.2",表示安装2.5.2及以上的版本,但是不安装3.0.0,也就是说安装时不改变大版本号。

      简言之就是:什么都不加是指定版本;波浪号 ~ 是不改变次要版本,但升级小版本;^ 是不改变大版本,但升级次要版本。

  • 相关阅读:
    git add后 有的文件后悔 add了还没有commit 怎么办?
    go mod module declares its path as: gtihub.com/xxx-xx but was required as:xx-xx
    mysql 复合索引(联合索引) a b c的使用
    git 的初始化使用
    Mac 安装 mysql5.7
    Go Modules与GOPROXY 配置
    ZWWL的短信详设
    Linux 查看文件权限命令ls -l 输出信息每列所代表的含义
    ubuntu/deepin 下增加 goland 桌面快捷方式 goland.desktop
    go语言的冒泡 选择 快排 二分 算法实现
  • 原文地址:https://www.cnblogs.com/goloving/p/14443120.html
Copyright © 2011-2022 走看看