【JavaScript：快速入门】-优快云博客

本文链接：https://blog.youkuaiyun.com/Editplusplusplus/article/details/124775481

本文介绍了JavaScript的基础知识，包括如何内联和外链脚本，基本语法如变量声明、条件控制、数据类型（包括数值、字符串、布尔等），以及严格模式'usestrict'的作用。还讲解了变量命名、比较运算、数组和对象的概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

JavaScript
- 1. 快速入门

JavaScript

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

1. 快速入门

1.1 引入JavaScript

内部引用

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
	<!-- 内部引用 -->
    <!-- script标签内，写js代码 -->
    <!-- <script>
        alert('hello world');
    </script> -->

</head>

<body>

    <!-- 这里也可以写 -->
</body>

</html>

外部引用

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- 外部引入 -->
    <script src="js/my_project.js"></script>

</head>

<body>

</body>

</html>

alert('Hello world!');

1.2 基本语法入门

<!-- JavaScript严格区分大小写 -->
<script>
    // 1.定义变量   变量类型    变量名 = 变量值;
    var num = 1;
    var name = "mingzi"
    // 2.条件控制
    var score = 0;
    if (score > 1) {
        alert("true");
    } else {
        alert("false");
    }

// console.log();   在浏览器控制台打印变量!(相当于java的System.out.println)
</script>

1.3 数据类型

数据、文本、图形、音频、视频…

变量

var = 1

number

js不区分小数和整数

123	//整数
123.1	//小数
1.23e3	//科学计数法
-99	//负数
NaN	//not a number
Infinity	//无限大

字符串

‘abc’ “abc”

布尔值

true、false

逻辑运算

&& || ！

比较运算符重要！

=	赋值
==	等于
=== 绝对等于（JavaScript有，java无）：值和类型都相等
！==	不绝对等于（JavaScript有，java无）：值和类型有一个不相等或两个都不等

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

须知：

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

浮点数问题

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

null 和 undefined

null 空
undefined 未定义

数组

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

var arr = [1, 2, 3, 4, 5, 'hello', null, true]

去数组下标：如果越界了，就会undefined

对象

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

每个属性之间用逗号隔开，最后一个不需要添加

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

取对象的值

person.name
>"Jack"
person.age
>3

1.4 严格检查模式 ‘use strict’

<!-- 
前提:需要支持ES6语法
'use strict'; 严格检查模式,预防JavaScript的随意性导致产生的一些问题
必须写在JavaScript的第一行!
局部变量建议都使用 let 去定义
-->
<script>
    'use strict';
    // 报错
    i = 1; //全局变量

    let i = 1;


</script>