• javascript入门（引入方式,数据类型，变量）

    目录

    JavaScript简介

    JavaScript引入方式

    内部脚本：

    ​编辑

    外部脚本：

    JavaScript基础语法

    注释

    输出语句

    变量

    var

    let 

    const 

    数据类型

    number

    string

    boolean

    null

    undefined

    JavaScript简介

    JavaScript 是一门跨平台、面向对象的脚本语言，而Java语言也是跨平台的、面向对象的语言，只不过Java是编译语言，是 需要编译成字节码文件才能运行的；JavaScript是脚本语言，不需要编译，由浏览器直接解析并执行。 JavaScript 是用来控制网页行为的，它能使网页可交互

    JavaScript引入方式

    JavaScript 引入方式就是 HTML 和 JavaScript 的结合方式。

    JavaScript引入方式有两种：

    内部脚本：

    将 JS代码定义在HTML页面中，内部脚本 在 HTML 中，JavaScript 代码必须位于 标签之间

    一般把脚本置于 元素的底部，可改善显示速度 因为浏览器在加载页面的时候会从上往下进行加载并解析。 我们应该让用户看到页面内容，然后再展示动态的效 果。

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Titletitle>
    6. head>
    7. <body>
    8. <script>
    9.   alert("内部js")
    10. script>
    11. body>
    12. html>

    外部脚本：

    将 JS代码定义在外部 JS文件中，然后引入到 HTML页面中

    外部脚本不能包含script标签，在js文件中直接写js代码即可

    script标签不能自闭和

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Titletitle>
    6. head>
    7. <body>
    8. <script src="../js/test2.js">script>
    9. body>
    10. html>

    test2.js 

    alert("外部js");

    JavaScript基础语法

    区分大小写：与 Java 一样，变量名、函数名以及其他一切东西都是区分大小写的

    每行结尾的分号可有可无 如果一行上写多个语句时，必须加分号用来区分多个语句。

    注释

    单行注释：// 注释内容

    多行注释：/* 注释内容 */

    注意：JavaScript 没有文档注释

    输出语句

    1. window.alert("写入到警告框")
    2. document.write("写入到html");
    3. console.log("写入到浏览器控制台")

    变量

    var

    JavaScript 中用 var 关键字（variable 的缩写）来声明变量。

    格式 var 变量名 = 数据值; 。而在JavaScript 是一门弱类型语 言，变量可以存放不同类型的值；如下在定义变量时赋值为数字数据，还可以将变量的值改为字符串类型的数

    1. var age=20;
    2. age="牛马";
    3. window.alert(age)

    js 中的变量名命名也有如下规则：

    和java语言基本都相同 组成字符可以是任何字母、数字、下划线（_）或美元符号（$） 数字不能开头 建议使用驼峰命名 JavaScript 中 var 关键字有点特殊，有以下地方和其他语言不一样

    作用域：全局变量

    1. {
    2.     var age=10;
    3.     var age=20; //作用域全局，还能重复声明,会覆盖上面声明变量的值
    4. }
    5. window.alert(age)  //输出20

    let 

    针对如上的问题，ECMAScript 6 新增了 let 关键字来定义变量。它的用法类似于 var ，但是所声明的变量，只在 let 关 键字所在的代码块内有效，且不允许重复声明。

    1. {
    2.     let age=10;
    3.     //let age=20;  重复声明idea都会直接有错误提示
    4. }
    5. window.alert(age); //访问不到，运行的时候可以在浏览器中的开发者工具中查看到错误

    const 

     ECMAScript 6 新增了 const关键字，用来声明一个只读的常量。一旦声明，常量的值就不能变。

     

    数据类型

    JavaScript 中提供了两类数据类型：原始类型 和 引用类型（对象）。

    使用 typeof 运算符可以获取数据类型 alert(typeof age);

    以弹框的形式将 age 变量的数据类型输出

    原始数据类型：

    number

    数字（整数、小数、NaN(Not a Number)）

    1. var num1=1;
    2. var num2=2.2;
    3. window.alert(typeof num1); //number
    4. window.alert(typeof num2); //number

    string

    字符、字符串，单双引皆可

    注意：在 js 中 双引号和单引号都表示字符串类型的数据

    1. var str1='aaaa';
    2. var str2="牛马";
    3. var str3='a';
    4. window.alert(typeof  str1);//string
    5. window.alert(typeof  str2);//string
    6. window.alert(typeof  str3);//string

    boolean

    布尔。true，false

    1. var flag1=true;
    2. var flag2=false;
    3. window.alert(typeof  flag1); //boolean
    4. window.alert(typeof  flag2);//boolean

    null

    对象为空

    1. var aa=null;
    2. window.alert(typeof  aa);  //object

    在 JavaScript 中，null 是 "nothing"。它被看做不存在的事物。

    不幸的是，在 JavaScript 中，null 的数据类型是对象。

    您可以把 null 在 JavaScript 中是对象理解为一个 bug。它本应是 null。

    您可以通过设置值为 null 清空对象：

    undefined

    当声明的变量未初始化时，该变量的默认值是 undefined

    1. var bb;
    2. window.alert(typeof  bb);//undefine

  • 相关阅读:
    datadog ebpf模块 offset-guess.o 问题排查解决
    【拥有新时代的通信协议，引领云原生迈向更高的舞台】解密Dubbo3是如何从微服务升华到云原生领域
    日 志
    618购物狂欢节有哪些数码好物值得抢购？年终必备神器清单大揭秘！
    IPWorks EDI Translator Delphi Edition
    HTML零基础入门（中）
    现一个智能的SQL编辑器
    “蔚来杯“2022牛客暑期多校训练营2 DGHJKL题解
    Scala 高阶（八）：集合内容汇总（下篇）
    FlexRay网络管理与测试
  • 原文地址：https://blog.csdn.net/m0_64365315/article/details/126278554