前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >【JavaScript】JavaScript开篇基础(1)

【JavaScript】JavaScript开篇基础(1)

作者头像
E绵绵
发布2024-10-14 08:33:25
发布2024-10-14 08:33:25
7400
代码可运行
举报
文章被收录于专栏:编程学习之路编程学习之路
运行总次数:0
代码可运行

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

Hello, Hello~ 亲爱的朋友们👋👋,这里是E绵绵呀✍️✍️。 如果你喜欢这篇文章,请别吝啬你的点赞❤️❤️和收藏📖📖。如果你对我的内容感兴趣,记得关注我👀👀以便不错过每一篇精彩。 当然,如果在阅读中发现任何问题或疑问,我非常欢迎你在评论区留言指正🗨️🗨️。让我们共同努力,一起进步! 加油,一起CHIN UP!💪💪

2.javascirpt运用的三个场景

1.JavaScript 代码直接写在 HTML 文件的 <script> 标签内。

代码语言:javascript
代码运行次数:0
复制
<html>
<body>
  <h1>欢迎</h1>
  <script>
    document.write("这是使用内联 JavaScript 输出的内容。");
  </script>
</body>
</html>

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

3.JavaScript 通常用于处理用户的各种事件(如点击、输入、提交表单等),这些事件可以通过 HTML 元素中的 onClickonChange 等事件属性来处理,就是在html标签中写代码

代码语言:javascript
代码运行次数:0
复制
<button onclick="alert('按钮被点击了')">点击我</button>

不过这类情况一般运用的很少,运用的多的是上面两种。

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

prompt返回值是字符串类型。

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

4.变量

JavaScript 是一种动态类型语言,这意味着在声明变量时不需要指定其类型,变量的类型可以根据赋值的内容动态改变。这跟我们之前学的很不一样,没之前的java,c 严格。 所以JavaScript 中有三种声明变量的方式:varletconst。它们在作用域、重新赋值、以及是否允许重复声明等方面存在差异。 现在没了解那么多,我们主要用var就行了,它能接收所有类型。

5.数据类型

JavaScript 中的数据类型分为两大类:原始类型(Primitive Types)引用类型(Reference Types)。 这里我们主要讲原始类型: (引用类型后面会提)

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

6.字符串拼接

7.类型转换

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

转换为字符串类型


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

转换为数字型number

其中要好好讲下这个算术运算隐式,在算术运算中,这些类型都会隐式变为数字型从而计算: 布尔值在数值运算中会被转换为 1true)或 0false)。 null 在数值运算中会被转换为 0,而 undefined 在运算中会被转换为 NaN 字符串如果里面全是数字就直接变为对应的数字型数字,如果有字符则变为NaN.


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

转换为布尔型

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

  • 0
  • ""(空字符串)
  • null
  • undefined
  • NaN

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

8.运算符


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


这里出现了===和!== ,我们来探个究竟。




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

9.循环结构和分支结构

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


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

10.数组

数组的创建

最简单的方法是使用数组字面量(用方括号 [] 包围元素)来创建数组:

代码语言:javascript
代码运行次数:0
复制
let numbers = new Array(1, 2, 3, 4, 5);

这种方法直接在代码中指定数组的元素。

获取数组元素

数组中的元素类型可以是不一样的,不存在限制。 我们通过索引获取元素

数组长度

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

11.函数

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


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

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


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

匿名函数通常使用函数表达式来定义:

代码语言:javascript
代码运行次数:0
复制
// 将匿名函数赋值给变量
let greet = function(name) {
    return "Hello, " + name + "!";
};

// 调用该函数
console.log(greet("Alice")); // 输出: "Hello, Alice!"

在这个例子中,greet 是一个变量,它引用了一个匿名函数。这个函数没有名字,只有在通过变量 greet 调用时才会执行。

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


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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-10-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.❤️❤️前言~🥳🎉🎉🎉
  • 2.javascirpt运用的三个场景
  • 3.三个最简单的 JavaScript 输入和输出语句:
  • 4.变量
  • 5.数据类型
  • 6.字符串拼接
  • 7.类型转换
    • 转换为字符串类型
    • 转换为数字型number
    • 转换为布尔型
  • 8.运算符
  • 9.循环结构和分支结构
  • 10.数组
    • 数组的创建
    • 获取数组元素
    • 数组长度
  • 11.函数
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档