• JS介绍


    一、JS(JavaScript)

    一个完整的 JavaScript 实现是由以下 3 个不同部分组成的:
    
        核心(ECMAScript) 
        文档对象模型(DOM) Document object model (整合js,css,html)
        浏览器对象模型(BOM) Broswer object model(整合js和浏览器)
                简单地说,ECMAScript 描述了JavaScript语言本身的相关内容。
    
    JavaScript 是脚本语言,是一种轻量级的编程语言。
    
    JavaScript 是可插入 HTML 页面的编程代码。
    
    JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
    ①注释:
        // 这是单行注释
    
        /*
        这是多行注释
        */
    
    ②结束符
        JavaScript中的语句要以分号(;)为结束符。
    
    ③变量声明
        JavaScript的变量名可以使用_,数字,字母,$组成,不能以数字开头。
        声明变量使用 var 变量名; 的格式来进行声明
        var name = "Alex";
        var age = 18;
    
    ④注意:
        变量名是区分大小写的。
        推荐使用驼峰式命名规则。
        保留字不能用做变量名。
    补充:
        ES6新增了let命令,用于声明变量。其用法类似于var,但是所声明的变量只在let命令所在的代码块内有效。
    
        例如:for循环的计数器就很适合使用let命令。
            for (let i=0;i<arr.length;i++){...}
    
        ES6新增const用来声明常量。一旦声明,其值就不能改变。
    
            const PI = 3.1415;
            PI
            3.1415
            PI = 3
            TypeError: "PI" is read-only

    for循环用var声明和let声明的区别:

    二、引入JS的两种方式 

    1、Script标签内写代码

    <script>
      // 在这里写你的JS代码
    </script>

    2、引入额外的JS文件

    <script src="myscript.js"></script>

    三、JS的数据类型

    JavaScript拥有动态类型

    var x;            // 此时x是undefined
    var x = 1;        // 此时x是数字
    var x = "Alex"    // 此时x是字符串

    1、数值

     JavaScript不区分整型和浮点型,就只有一种数字类型。

    2、字符串

     字符串拼接:

    字符串常用方法:

    字符串格式化输入

     

    3、布尔值

     

    4、null和undefined

      null表示值是空,一般在需要指定或清空一个变量时才会使用,如 name=null

      undefined表示当声明一个变量但未初始化时,该变量的默认值是undefined。还有就是函数无明确的返回值时,返回的也是undefined。

    5、数组

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

    常用方法:

    6、foreach

     

    7、splice

     

    8、typeof类型查询

     

    四、运算符

    1、算数运算符:+ - * / % ++ --

    2、比较运算符:> >= < <= != == === !==

     

    3、逻辑运算符:&& || !

    4、赋值运算符:= += -= *= /=

    五、流程控制

    1、if

    ①if--else和if--else if--else

    ③switch

     

    2、for

    for (var i=0;i<10;i++) {
      console.log(i);
    }

    3、while

    var i = 0;
    while (i < 10) {
      console.log(i);
      i++;
    }

    4、三元运算

     

    六、函数

    1、函数的定义

    ①带参函数

    ②带返回值的函数

    ③匿名函数

    ④立即执行函数

    ⑤箭头函数

     

    2、函数中的arguments参数

    3、函数的全局变量和局部变量

    局部变量

      在JavaScript函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它(该变量的作用域是函数内部)。只要函数运行完毕,本地变量就会被删除。

    全局变量:

      在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。

    作用域:

      首先在函数内部查找变量,找不到则到外层函数查找,逐步找到最外层。与python作用域关系查找一模一样!

    七、内置对象和方法

    1、自定义对象

    2、date对象

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

    作业:编写代码,将当前日期按‘2017-12-27 11:11 星期三’格式输出:

    const WEEKMAP = {  
      0:"星期天",
      1:"星期一",
      2:"星期二",
      3:"星期三",
      4:"星期四",
      5:"星期五",
      6:"星期六"
    };  //定义一个数字与星期的对应关系对象
    
    
    function showTime() {
        var d1 = new Date();
        var year = d1.getFullYear();
        var month = d1.getMonth() + 1;  //注意月份是从0~11
        var day = d1.getDate();
        var hour = d1.getHours();
        var minute = d1.getMinutes() < 10?"0"+d1.getMinutes():d1.getMinutes();  //三元运算
    
        var week = WEEKMAP[d1.getDay()];  //星期是从0~6
    
        var strTime = `
        ${year}-${month}-${day} ${hour}:${minute} ${week}
        `;
        console.log(strTime)
    };
    
    showTime();
    
    结果为: 2019-5-31 22:17 星期五
    View Code

    3、JSON对象

    4、RegExp对象

  • 相关阅读:
    未能加载文件或程序集“Oracle.DataAccess”或它的某一个依赖项。试图加载格式不正确的程序。
    SQLServer2008/2012 删除所有表视图存储过程
    u盘启动盘制作工具
    华硕笔记本怎么设置u盘启动(两种方法)
    java listener实现定时任务
    Highcharts简介
    重温css系列01
    webstom 如何获取github上面的项目工程
    js高程 第 4章 变量、作用域和内存问题 【笔记】
    ionic 安装教程
  • 原文地址:https://www.cnblogs.com/zhangguosheng1121/p/10956296.html
Copyright © 2020-2023  润新知