当前位置 博文首页 > 文章内容

    JavaScript基础

    作者: 栏目:未分类 时间:2020-08-04 15:57:11

    本站于2023年9月4日。收到“大连君*****咨询有限公司”通知
    说我们IIS7站长博客,有一篇博文用了他们的图片。
    要求我们给他们一张图片6000元。要不然法院告我们

    为避免不必要的麻烦,IIS7站长博客,全站内容图片下架、并积极应诉
    博文内容全部不再显示,请需要相关资讯的站长朋友到必应搜索。谢谢!

    另祝:版权碰瓷诈骗团伙,早日弃暗投明。

    相关新闻:借版权之名、行诈骗之实,周某因犯诈骗罪被判处有期徒刑十一年六个月

    叹!百花齐放的时代,渐行渐远!



    JavaScript基础

    1. 什么是JavaScript

    1. 概述

    JavaScript是一门世界上最流行的脚本语言

    Java和JavaScript无关

    一个合格的后端人员,必须要精通JavaScript

    2. 历史

    https://blog.csdn.net/kese7952/article/details/79357868

    ECMAScript可以理解为JavaScript的一个标准

    最新版本已经到es6版本

    但是大部分浏览器还只停留在支持es5代码上

    开发环境和线上环境的版本不一致

    2. 快速入门

    1. 引入JavaScript

    1. 内部标签

    <script>
    	//.......
    </script>
    

    2.外部引入

    abc.js

    //.....
    

    test.html

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

    测试代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
    <!--    &lt;!&ndash;script标签内,写JavaScript代码&ndash;&gt;-->
    <!--    <script>-->
    <!--        alert('hello,world');-->
    <!--    </script>-->
    
        <!--外部引入-->
        <!--注意:script必须成对出现-->
        <script src="js/qj.js"></script>
    
        <!--不用显示type,默认使用JavaScript-->
        <script type="text/javascript"></script>
    
    </head>
    <body>
    
    <!--这里也可以存放JS代码-->
    </body>
    </html>
    

    2. 基本语法入门

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
        <!--JavaScript严格区分大小写-->
        <script>
            //1.定义变量    变量类型 变量名 = 变量值
            var score = 1;
            // var name = "Wang";
            //2.条件控制
            if (score > 60 && score < 70) {
                alert("60~70");
            }
            else if(score > 70 && score < 80){
                alert("70~80");
            }else{
                alert("other");
            }
    
            // console.log(score);     在浏览器的控制台打印变量,相当于sout
    
    
    
        </script>
    
    </head>
    <body>
    
    </body>
    </html>
    

    3. 数据类型

    数值,文本,图形,音频,视频......

    1. number

    js不区分小数和整数,都用number定义

    123			//整数123
    123.1		//浮点数123.1
    1.123e3		//科学记数法
    -99			//负数
    NaN			//not a number
    Infinity	//表示无限大
    

    2. 字符串

    "abc" 'abc'

    3 .布尔值

    true false

    4. 逻辑运算

    &&		两个都为真,结果为真
    
    ||		一个为真,结果为真
    
    !		非
    

    5. 比较运算符(重要)

    =
    ==		等于(类型不一样,值一样,也会判断为true)
    ===		绝对等于(类型一样,值一样,结果为true)    
    

    这是一个JS的缺陷,坚持不要使用==比较

    须知:

    • NaN === NaN,结果为false,NaN与所有的数值都不相等,包括自己
    • 只能通过isNaN( )判断其是否为NaN

    6. 浮点数问题

    console.log((1/3) === (1-2/3));		//结果为false,精度会被截断
    

    尽量避免使用浮点数进行运算,存在精度问题

    Java中使用BigDecimal类进行判断

    JS中如下

    Math.abs(1 / 3 - (1 - (2 / 3))) < 0.0000001
    

    7. null和undefined

    • null 空
    • undefined 未定义

    8. 数组

    Java的数组必须是相同类型的对象,JS不需要这样

    //保证代码的可读性,尽量使用第一种方法定义数组[]
    var arr = [1, 2, 3, 4, "hello", null, true];
    new Array(1, 12, 3, "hello");
    

    取数组下标:如果越界了,就会undefined

    9. 对象

    对象是大括号,数组是中括号

    每个属性之间使用逗号隔开,最后一个不用加逗号

    var person = {
        name: "wang",
        age: 3,
        tags: ['js', 'java', 'web', '...']
    }
    

    取对象的值

    var name = person.name;
    var age = person.age;
    var tags = person.tags;
    

    10. 变量

    var

    4. 严格检查模式

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
        <!--
        前提:IDEA 需要设置支持ES6语法
        'use strict'; 严格检查模式,预防JavaScript的随意性导致产生一些问题
        必须写在JavaScript的第一行
        局部变量建议都是用let去定义
        -->
        <script>
            'use strict';
            // 局部变量
            let i = 1;      // ES6支持
        </script>
    
    </head>
    <body>
    
    </body>
    </html>