ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript详解

2022-07-12 20:02:03  阅读:192  来源: 互联网

标签:变量 JavaScript NaN score let var 不写 详解


一、快速入门

1.JavaScript的两种引入方式

方式一:直接在html里面写 目的:实现简单的弹窗
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--script标签内,写JavaScript代码,可以放在head标签里,也可以放在body标签里-->
    <script>
        <!--弹窗,打开页面时弹出一个窗口,并显示有hello,world-->
        alert('hello,world');
    </script>
</head>
<body>

</body>
</html>
运行结果图


方式二:新建一个js文件,在HTML中连接该文件也可以实现,就像css一样和HTML分开


注意script标签必须是成对出现,

2.基本语法

点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--Javascript严格区分大小写-->
    <script>
        //单行与多行注释与Java中注释的方式一样
        /*1.定义变量  变量类型  变量名 = 变量值;*/
        var score =100;//这里不写分号也没事
        var name = "twq";//这里不写var也没事,就算不写变量名都可以,是不感觉可以随心所欲了
        if(score>60 && score <70){
            alert('小子,你很危险呀');
        }else if(score > 70 && score < 80){
            alert('革命尚未成功,同学  仍需努力呀!!');
        }else{
            alert('不要骄傲哦!');
        }
    </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)字符串

和Java的一样

(3)布尔值

(4)逻辑运算

① && 两个都为真,结果为真
② | | 一个为真,结果为真
③ !真即假,假即真

(5)比较运算符

① = 赋值
② == 等于(类型不一样,值一样,也会判断为true)
③ === 绝对等于(类型一样,值一样结果为true)
注意:这是Java的一个缺陷,坚决不要使用==比较

须知:

  • NaN===NaN,这个与所有的数值都不相等,包括自己
  • 只能通过isNaN(NaN)来判断这个数据是否是NaN

(6)浮点数

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

(7)数组

java的数值必须是相同类型的对象,JS中需不要这样!


如果数组下标越界会报undefined

(8)对象

对象是大括号,数组是中括号 每个属性之间用逗号隔开,最后一个属性之后不需要逗号
点击查看代码
<script>
        console.log((1/3)===(1-2/3));
        console.log(Math.abs(1/3-(1-2/3))<0.00000001);
        //保证代码的可读性,尽量使用[]
        var arr=[1,2,3,4,5,'hello',null,true];
        new Array(1,12,3,4,5,'hello');
        var person ={
            name:"Twq",
            age:23,
            tags:['js','java','web','...']
        }

    </script>
运行结果图

4.严格检查模式

点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        /*前提是IDEA需要设置支持ES6语法
        *'use strict'严格检查模式,预防Javascript的随意性导致产生的一些问题如:
        *       ①定义变量不写变量类型在没有写严格检查时不会报错,但是加上这严格检查之后就会报错
        * 必须要写在JS的第一行
        * 局部变量建议都使用let去定义 */
        'use strict';
        /*let是块作用域,就会好比在for循环里用let定义了一个块变量
        在循环的外部则无法使用该变量,var是函数作用域,在循环里面定义的
        变量在循环外面也可以可以访问*/
        let i = 1;
    </script>
</head>
<body>
</body>
</html>

二、详解数据类型

1.字符串

(1)正常字符串,我们使用单引号或者双引号包裹

==明天继续。。。。==

标签:变量,JavaScript,NaN,score,let,var,不写,详解
来源: https://www.cnblogs.com/twq46/p/16471456.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有