JavaScript基础

JavaScript 书写位置

1. 内部 JavaScript

直接写在html文件里，用script标签包住

DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript学习title>
head>
<body>

<script>
  <!-- 内联形式：通过 script 标签包裹 JavaScript 代码 -->
  document.write("JavaScript学习")
script>
body>
html>

2. 外部 JavaScript

一般将 JavaScript 代码写在独立的以 .js 结尾的文件中，然后通过 script 标签的 src 属性引入

<script src="demo.js">script>

3. 内联 JavaScript

代码写在标签内部

<button onclick="document.write('hello')">clickbutton>

注释

在这里插入图片描述

输入输出语法

在这里插入图片描述

变量

JavaScript 使用专门的关键字 let 和 var 来声明（定义）变量，在使用时需要注意一些细节：

以下是使用 let 时的注意事项：

允许声明和赋值同时进行
不允许重复声明
允许同时声明多个变量并赋值
JavaScript 中内置的一些关键字不能被当做变量名

以下是使用 var 时的注意事项：

允许声明和赋值同时进行
允许重复声明
允许同时声明多个变量并赋值

大部分情况使用 let 和 var 区别不大，但是 let 相较 var 更严谨，因此推荐使用 let
关于变量的名称（标识符）有一系列的规则需要遵守：
5. 只能是字母、数字、下划线、$，且不能能数字开头
6. 字母区分大小写，如 Age 和 age 是不同的变量
7. JavaScript 内部已占用于单词（关键字或保留字）不允许使用
8. 尽量保证变量具有一定的语义，见字知义

使用 let

<script>
  let a = 1;
  let b = "key";
script>

数组

在这里插入图片描述

数据类型

在这里插入图片描述
通过 typeof 关键字检测数据类型：

    <script>
        // 返回的什么类型  string  number Boolean null
        document.writeln(typeof 123)
        document.writeln(typeof '123')
        document.writeln(typeof true)
        document.writeln(typeof undefined)
        document.writeln(typeof null)
    script>

在这里插入图片描述

模板字符串

在这里插入图片描述

显式转换

在这里插入图片描述

<script>
    document.writeln(Number("123"))
    document.writeln(parseInt(123.4))
    document.writeln(parseFloat("123.45"))
script>

在这里插入图片描述

<script>
    document.writeln(String(123))
    let key = 11
    document.writeln(key.toString())
script>

算术运算符

在这里插入图片描述

赋值运算符

在这里插入图片描述

一元运算符

在这里插入图片描述

比较运算符

在这里插入图片描述

逻辑运算符

在这里插入图片描述

运算符优先级

在这里插入图片描述

分支语句

在这里插入图片描述

if语句

在这里插入图片描述

三元运算符

在这里插入图片描述

switch语句

在这里插入图片描述

循环语句

在这里插入图片描述

函数

在这里插入图片描述

对象

在这里插入图片描述

内置对象

在这里插入图片描述

相关阅读:
企业提升效率的秘密武器，推荐J2L3x聊天软件！
QML自定义电池状进度条
分类预测 | MATLAB实现WOA-CNN-BiLSTM-Attention数据分类预测
第二届 Oceanbase 开发者大会实录
R语言在DSSAT模型的气候、土壤、管理措施等数据准备，自动化模拟和结果分析
ES6知识点（1）
T225362 《山茶文具店》
什么是IoT数字孪生？
如何策划好一场商直播
vue - 子改父第一种写法

原文地址：https://blog.csdn.net/weixin_43788986/article/details/127096682