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语句

在这里插入图片描述

循环语句

在这里插入图片描述

函数

在这里插入图片描述

对象

在这里插入图片描述

内置对象

在这里插入图片描述

相关阅读:
大数据-Storm流式框架（二）--wordcount案例
TCP协议
mac电脑如何安装python及环境搭建
《华为战略管理法：DSTE实战体系》作者谢宁老师受邀为某电力上市集团提供两天的《成功的产品管理及产品经理》内训。
《猎杀：对决》是适合什么样的人玩 Mac电脑怎么玩《猎杀：对决》
2021 Adversarial Attack（李宏毅
ABC-Index-(dp枚举方式优化)
Google Earth Engine（GEE）——如何通过F-fold完成交叉验证
Oracle RAC是啥？
Springboot + Mybatis-Plus开启二级缓存

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