JavaScript—基础

最新推荐文章于 2023-04-23 13:40:45 发布

仰望星空|

最新推荐文章于 2023-04-23 13:40:45 发布

阅读量248

点赞数

文章标签： javascript 前端 css3

本文链接：https://blog.csdn.net/m0_50545762/article/details/124903409

版权

本文介绍了JavaScript的基础知识，包括JavaScript的作用、组成、书写位置和注释结束符。详细讲解了输入和输出的语法，以及变量的声明、赋值、命名规范和let与var的区别。同时，文章探讨了数据类型，如数字型、字符串型、布尔型、未定义和空类型，并介绍了数据类型的检测方法。此外，还涉及了类型转换，包括隐式和显式转换的概念。

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

1. JavaScript介绍

1.1. JavaScript是什么

JavaScript是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。

1.2. JavaScript作用

JavaScript作用:确定网页的行为交互(教网页做事情)

1.3. JavaScript组成

ECMAScript - JavaScript的核心
- ECMAScript定义了JavaScript的语言规范
- JavaScript的核心：描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关
DOM - 文档对象模型
- 一套操作页面元素的API
- DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作
BOM - 浏览器对象模型
- 一套操作浏览器功能的API
- 通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等

1.4. JavaScript书写位置

内嵌式
外部样式
行内样式

JavaScript 程序不能独立运行，它需要被嵌入 HTML 中，然后浏览器才能执行 JavaScript 代码。通过 script 标签将 JavaScript 代码引入到 HTML 中，

1.5. 注释和结束符

单行注释使用 // 快捷键 ctrl+/

多行注释使用 /* */ 快捷键 shift + alt + A

1.6. 输入和输出语法

输出和输入也可理解为人和计算机的交互，用户通过键盘、鼠标等向计算机输入信息，计算机处理后再展示结果给用户，这便是一次输入和输出的过程。

1.6.1. 输出

将数据显示到网页

// 1. 将数据显示到网页，相当于给body添加内容，标签也会被解析

<script>
    document.write('我是div标签')
    document.write('<h1>我是标题</h1>')
</script>

在网页弹出一个提示框，输出数据

//2 .在网页弹出一个提示框

<script>
    alert("hello world")
</script>

控制台输出语法，程序员调试使用

//3. 控制台打印输出,给程序员看的.

<script>
    console.log("你好，前端程序员")
</script>

输入

在网页弹出一个输入框，让用户输入数据

<script>
    prompt('请输入您今天的收获：')
</script>

在网页弹出一个确认框，让用户输入确认/取消二选一

<script>
    confirm("今天你学习了吗？");
</script>

2. 变量

理解变量是计算机存储数据的“容器”，掌握变量的声明方式

变量就是计算机中用来存储数据的容器,它可以让计算机变得有记忆.简单理解变量就是一个装东西的盒子.

变量作用:用来存放数据.

2.1. 声明变量

声明(定义)变量有两部分构成：声明关键字、变量名（标识)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 基础 - 声明和赋值</title>
</head>
<body>
  
  <script> 
    // let 变量名
    // 声明(定义)变量有两部分构成：声明关键字、变量名（标识）
    // let 即关键字，所谓关键字是系统提供的专门用来声明（定义）变量的词语
    // age 即变量的名称，也叫标识符
    let age