• JavaScript的应用


    JavaScript引入方式

    Script标签内写代码

    <script>
      // 在这里写你的JS代码
    </script>
     
    引入额外的js文件
    <script src='myscript.js'></script>

    JavaScript语言规范

    注释

    //  这是单行注释
    
    /*
        这是多行注释
    */

    结束符

      JavaScript中的语句要以分号(;)为结束符。

    JavaScript语言基础

    变量声明

    1. JavaScript的变量名可以使用_,数字,字母,$组成,不能以数字开头。
    2. 声明变量使用 var 变量名; 的格式来进行声明

      注意:变量名是区分大小写的。推荐使用驼峰式命名规则。保留字不能用做变量名。

      补充:ES6新增了let命令,用于声明变量,其用法类似于var。但是所声明的变量只在let命令所在的代码块内有效。例如:for循环的计数器就很适合使用let命令。ES6新增const用来声明常量。一旦声明,其值就不能改变。

    JavaScript数据类型

    数值(number)

      JavaScript不区分整型和浮点型,就只有一种数字类型。其中NaN表示该值的类型不是一个数字。

      常用查看方法:

    parseInt("123")  // 返回123
    parseFloat("-123")  // 返回-123
    parseInt("ABC")  // 返回NaN,该属性用于指示某个值不是数字。
    parseFloat("123.456")  // 返回123.456

    字符串(string)

      可通过简单的(+)来完成字符串的拼接。

    var a = "Hello"
    var b = "world;
    var c = a + b; 
    console.log(c);  // 得到Helloworld

      常用方法:

    方法 说明 
     .length 返回长度 
    .trim()  移除空白部分
    .trimLeft() 移除左边的空白
    .trimRight()   移除右边的空白
    .charAt(n)   返回第n个字符
    .concat(value,...)   拼接
    .indexOf(substring,start)   子序列位置
    .substring(from,to)   根据索引获取子序列
    .slice(start,end)   切片
    .toLowerCase()   小写
    .toUpperCase()  大写 
    .split(selimiter,limit)  分割 

     布尔值(Boolean)

      跟python有点不同。即true和false都是小写。其中 ''  ''(空字符串)、0、null、undefined、NeN都是false。

    • null表示值是空,一般在需要指定或清空一个变量时才会使用,如 name=null;
    • undefined表示当声明一个变量但未初始化时,该变量的默认值是undefined。还有就是函数无明确的返回值时,返回的也是undefined。

      null表示变量的值是空(null可以手动清空一个变量的值,使得该变量变为object类型,值为null),undefined则表示只声明了变量,但没有赋值。

     对象(object)

      JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对象。

      JavaScript 提供多个内建对象,比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型。

    数组

      数组对象的作用是:使用单独的变量名来存储一系列的值。类似于Python中的列表

      常用方法:

    方法 说明
    .length 数组的大小
    .push(ele) 尾部追加元素
    .pop() 获取尾部的元素
    .unshift(ele) 头部插入元素
    .shift() 头部移除元素
    .slice(start, end) 切片
    .reverse() 反转
    .join(seq) 将数组元素连接成字符串
    .concat(val, ...) 连接数组
    .sort() 排序
    .forEach() 将数组的每个元素传递给回调函数
    .splice() 删除元素,并向数组添加新元素。
    .map() 返回一个数组元素调用函数处理后的值的新数组

    可以使用以下方式遍历数组中的元素:

    var a = [10, 20, 30, 40];
    for (var i=0;i<a.length;i++) {
      console.log(i);
    }

    for(判断条件){结果}

     类型查询

    //相当于python中的type
    typeof "abc"  // "string"
    typeof null  // "object"
    typeof true  // "boolean"
    typeof 123 // "number"

      typeof是一个一元运算符(就像++,--,!,- 等一元运算符),不是一个函数,也不是一个语句。对变量或值调用 typeof 运算符将返回下列值之一:

    • undefined - 如果变量是 Undefined 类型的
    • boolean - 如果变量是 Boolean 类型的
    • number - 如果变量是 Number 类型的
    • string - 如果变量是 String 类型的
    • object - 如果变量是一种引用类型或 Null 类型的

    运算符

    算数运算符

    + - * / % ++ --
    var x=10;
    var res1=x++;
    var res2=++x;
    
    res1;
    10
    res2;
    12
    
    这里由于的x++和++x在出现赋值运算式,x++先赋值再进行自增1运算,而++x先进行自增运算再赋值

    比较运算符

    > >= < <= != == === !==

    注意:

    复制代码
    1 == “1”  // true  弱等于
    1 === "1"  // false 强等于  (两方类型必须要一致)
    //上面这张情况出现的原因在于JS是一门弱类型语言(会自动转换数据类型),所以当你用两个等号进行比较时,JS内部会自动先将
    数值类型的1转换成字符串类型的1再进行比较,所以我们以后写JS涉及到比较时尽量用三等号来强制限制类型,防止判断错误
    复制代码

    逻辑运算符

    && || !

    赋值运算符

    = += -= *= /=

    流程控制

    1.if  -- else

    2.if   -- else  if  --  else

    3.switch  。switch中的case子句通常都会加break语句,否则程序会继续执行后续case中的语句。

    4.if

    5.while

    6.三元运算

    var a = 1;
    var b = 2;
    var c = a > b ? a : b
    //这里的三元运算顺序是先写判断条件a>b再写条件成立返回的值为a,条件不成立返回的值为b;三元运算可以嵌套使用;

    内置对象和方法

    自定义对象

    JavaScript的对象(Object)本质上是键值对的集合(Hash结构),但是只能用字符串作为键

    创建对象:

    var person=new Object();  // 创建一个person对象
    person.name="Alex";  // person对象的name属性
    person.age=18;  // person对象的age属性

    Date对象

    创建Date对象

    复制代码
    //方法1:不指定参数
    var d1 = new Date();
    console.log(d1.toLocaleString());

    Date对象的方法:

    var d = new Date(); 
    //getDate()                 获取日
    //getDay ()                 获取星期
    //getMonth ()               获取月(0-11)
    //getFullYear ()            获取完整年份
    //getYear ()                获取年
    //getHours ()               获取小时
    //getMinutes ()             获取分钟
    //getSeconds ()             获取秒
    //getMilliseconds ()        获取毫秒
    //getTime ()                返回累计毫秒数(从1970/1/1午夜)

    JSON对象

    var str1 = '{"name": "Alex", "age": 18}';
    var obj1 = {"name": "Alex", "age": 18};
    // JSON字符串转换成对象
    var obj = JSON.parse(str1); 
    // 对象转换成JSON字符串
    var str = JSON.stringify(obj1);
  • 相关阅读:
    计算机网络常见面试题
    字节跳动2022秋招提前批来了!!!
    IBM Watson Studio
    Git提交GitHub
    python获取股票和基金等数据
    Cloud Foundry
    微软亚洲研究院的NLP一例
    Streamlit的学习小记
    在线学习云技术相关等
    IBM云部署相关
  • 原文地址:https://www.cnblogs.com/blue-tea/p/11502764.html
Copyright © 2020-2023  润新知