JavaScript基础2.0

weixin_45642353

已于 2023-01-11 14:11:17 修改

阅读量95

点赞数

文章标签： javascript 前端 html

于 2023-01-08 23:03:06 首次发布

本文链接：https://blog.csdn.net/weixin_45642353/article/details/128602107

版权

本文介绍了JavaScript的两种引入方式，包括内部脚本和外部链接。接着讲解了基本语法，如变量定义、条件控制语句。接着讨论了JavaScript的数据类型，包括数值、字符串、布尔值、逻辑运算和比较运算符。文章还提到了数组和对象的使用，以及null和undefined的区别。最后，强调了严格检查模式的作用，用于提升代码质量。

摘要由CSDN通过智能技术生成

一、引入方式：两种

1、内部引入

    <script>
        alert("hello,world!");
    </script>

2、链接引入

   <!-- 外部引用 -->
    <!-- 注意：script的标签必须成对出现 -->
    <script src="..\js\JSdemo01.js"></script>

    <!-- 不用显示定义的type,也默认就是javascript -->
    <script type="text/javascript">

    </script>

二、基本语法

<!-- JavaScript严格区分大小写 -->
 <script>
    //1、定义变量 变量类型 变量名=变量值
    var a=12;
    //alert(a);
    //2、条件控制
    if(a>60 &&a<100){
        alert("60-100");
    }else {
        alert("不合格");
    };
    

 </script>

控制台打印：

三、数值类型

数值、文本、图形、音频、视频

js不区分小数和整数：number

123 // 整数
123.1  // 浮点数
1.123e3 //科学计数法
-99  // 复数
NaN  //not  a number 
Infinity      //无线大

字符串：'abc' "abc"

布尔值：true\false

逻辑运算：

&& 两个为真，结果为真（and）
|| 一个为真，结果为真(or)
! 真即为假，假即为真

比较运算符

= 赋值
== 等于（类型不一样，值一样，判断结果为true）
eg. 1和"1"
===  绝对等于(类型一样，值一样，结果才为true)
特例：
NaN==NaN ,为false,这个与所有的值都不相等。
只能通过isNaN(NaN)来判断这个数字是否是NaN

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

console.log(1/3===(1-2/3)); // 结果为false

console.log(Math.abs(1/3-(1-2/3))<0.0000000001); //结果为ture

null和undefined

null:空；
undefined:不存在；

数组：Java的数值必须是相同类型的对象，JS中不需要这样

<script>
    // 保证代码的可读性，尽量使用【】
    var arr=[1,2,3,4,hello,ture];
    new Array(1,2,3,hello);
 </script>

取数组下标，如果越界了，就会出现undefined；

对象

对象是{ }，数组是【】

每个属性之间使用逗号隔开

 <script>
    // 保证代码的可读性，尽量使用【】
    var person={
         name:"name",
         age:"2",
         tags:['js','java']
        
    }
 </script>

四、严格检查模式

<!-- 
    'use strict':严格检查模式，预防javaScript的随意性导致产生的一些问题
    必须写在JavaScript的第一行；
    局部变量最好使用let定义
 -->
 <script>
    'use strict'
    //全局变量
    let i = 1;

 </script>