【JavaScript】JavaScript开篇基础（1）

news2024/11/26 12:34:49

1.❤️❤️前言~🥳🎉🎉🎉

Hello, Hello~ 亲爱的朋友们👋👋，这里是E绵绵呀✍️✍️。

如果你喜欢这篇文章，请别吝啬你的点赞❤️❤️和收藏📖📖。如果你对我的内容感兴趣，记得关注我👀👀以便不错过每一篇精彩。

当然，如果在阅读中发现任何问题或疑问，我非常欢迎你在评论区留言指正🗨️🗨️。让我们共同努力，一起进步！

加油，一起CHIN UP！💪💪

🔗个人主页：E绵绵的博客
📚所属专栏：

1. JAVA知识点专栏

深入探索JAVA的核心概念与技术细节

2.JAVA题目练习

实战演练，巩固JAVA编程技能

3.c语言知识点专栏

揭示c语言的底层逻辑与高级特性

4.c语言题目练习

挑战自我，提升c语言编程能力

5.Mysql数据库专栏

了解Mysql知识点，提升数据库管理能力

6.html5知识点专栏

学习前端知识，更好的运用它

7. css3知识点专栏

在学习html5的基础上更加熟练运用前端

8.JavaScript专栏

在学习html5和css3的基础上使我们的前端使用更高级

📘 持续更新中，敬请期待❤️❤️

2.javascirpt运用的三个场景

1.JavaScript 代码直接写在 HTML 文件的 <script> 标签内。
<html>
<body>
  <h1>欢迎</h1>
  <script>
    document.write("这是使用内联 JavaScript 输出的内容。");
  </script>
</body>
</html>

2.JavaScript 代码可以写在单独的 .js 文件中，通过 <script> 标签引入。

3.JavaScript 通常用于处理用户的各种事件（如点击、输入、提交表单等），这些事件可以通过 HTML 元素中的 onClick、onChange 等事件属性来处理，就是在html标签中写代码
<button onclick="alert('按钮被点击了')">点击我</button>
不过这类情况一般运用的很少，运用的多的是上面两种。

3.三个最简单的 JavaScript 输入和输出语句：

prompt返回值是字符串类型。

对于js的代码，它们是逐行执行。

4.变量

JavaScript 是一种动态类型语言，这意味着在声明变量时不需要指定其类型，变量的类型可以根据赋值的内容动态改变。这跟我们之前学的很不一样，没之前的java，c 严格。

所以JavaScript 中有三种声明变量的方式：var、let 和 const。它们在作用域、重新赋值、以及是否允许重复声明等方面存在差异。

现在没了解那么多，我们主要用var就行了，它能接收所有类型。

5.数据类型

JavaScript 中的数据类型分为两大类：原始类型（Primitive Types） 和 引用类型（Reference Types）。

这里我们主要讲原始类型：（引用类型后面会提）

由于js是一门弱语言，我们在使用的时候无法得知变量的类型，js在运行时会自动判断，但我们也想知道变量类型，可以使用：typeof typeof(x);

6.字符串拼接

7.类型转换

JavaScript 中不同数据类型可以相互转换，分为隐式类型转换和显式类型转换。

转换为字符串类型

加号拼接对谁都适用，包或undefined和null都会被加进去

转换为数字型number

其中要好好讲下这个算术运算隐式，在算术运算中，这些类型都会隐式变为数字型从而计算：

布尔值在数值运算中会被转换为 1（true）或 0（false）。

null 在数值运算中会被转换为 0，而 undefined 在运算中会被转换为 NaN

字符串如果里面全是数字就直接变为对应的数字型数字，如果有字符则变为NaN.

这些类型在显示转换时也是同理这么转换的

转换为布尔型

可以通过 Boolean() 函数将其他类型转换为布尔值。以下值会被转换为 false，称为假值：

0
""（空字符串）
null
undefined
NaN

其他所有值都会被转换为 true，包括非空字符串、非零数字、对象等。

8.运算符

上述的运算符和java的基本一样，所以我认为基本不用讲，主要就讲跟java不同的知识点：比较运算符这。

这里出现了===和！== ，我们来探个究竟。

除了比较运算符这，其他地方一个样，甚至逻辑运算符依旧也有着短路机制。

9.循环结构和分支结构

js的循环结构和分支结构和java的一模一样，就只有一个不同点。

这里的相等是指完全相等：数据类型和值都完全相等。

10.数组

数组的创建

最简单的方法是使用数组字面量（用方括号 [] 包围元素）来创建数组：
let numbers = new Array(1, 2, 3, 4, 5);
这种方法直接在代码中指定数组的元素。

获取数组元素

数组中的元素类型可以是不一样的，不存在限制。

我们通过索引获取元素

数组长度

此时如果我们想要增加数组长度或者减少数组长度，直接修改.length

11.函数

在 JavaScript 中，函数可以通过 function 关键字来定义。函数可以有参数和返回值，也可以不带参数或不返回任何值。

我们可以写return或者不写return，不写时返回undefined。

对于函数中的实参和形参，我们有以下规定：

在 JavaScript 中，匿名函数是没有名字的函数。它们通常用于一次性任务，或者作为参数传递给其他函数。匿名函数可以赋值给变量、作为回调函数传递，或者直接执行。

匿名函数通常使用函数表达式来定义：
// 将匿名函数赋值给变量
let greet = function(name) {
    return "Hello, " + name + "!";
};

// 调用该函数
console.log(greet("Alice")); // 输出: "Hello, Alice!"
在这个例子中，greet 是一个变量，它引用了一个匿名函数。这个函数没有名字，只有在通过变量 greet 调用时才会执行。

在 JavaScript 中，arguments 对象是所有普通函数中可用的内建对象，它包含了传递给该函数的所有参数。arguments 对象是类数组对象，因此可以使用索引访问参数，但它不是一个真正的数组（例如，它没有 map、forEach 等数组方法）。

注意 arguments 对象用于普通函数内，访问函数调用时传递的参数。