首页 > 编程语言 >JavaScript的基础学习(一)

JavaScript的基础学习(一)

时间:2024-07-13 19:26:06浏览次数:13  
标签:console log var2 JavaScript 基础 学习 var1 document

从头开始学习JavaScript,重新开始打基础

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>Ryan study javascript</h1>
    <p id="demo"></p>
    <button onclick="myFunction()">查看当前时间</button>
    <!-- 调用demo1函数 -->
    <button onclick="demo1('我','Ryan')">函数调用</button>
    <!-- 调用带有返回值的函数 -->
    <p id="demo2"></p>
    <script type="text/javascript">
        // window.alert(5 + 6);
        //可以通过getElementById来给页面添加内容
        // 也可以直接write直接添加
        // document.getElementById("demo").innerHTML = Date();
        // document.write(Date());
        // 如果在页面完成之后执行document.write,会将整个HTML页面覆盖
        function myFunction() {
            document.write(Date());
        }
        // 重复声明同一个变量,不会让它的值丢失
        var count = 5;
        var count;
        document.getElementById('demo').innerHTML = count;
        /* 
        JavaScript中数据类型:
            值类型(基本类型):字符串(String)数字(Number)布尔值(Boolean)
            空(Null)未定义(Undefined)Symbol(E6引入的一种新的原始数据类型,表示独一无二)
            引用数据类型(对象类型):对象(Object)数组(Array)函数(Function)
            还有两个特殊的对象(正则RegExp、日期Date)
            */
        // 当你想要声明新变量时,可以使用关键词new来声明其类型
        // JavaScript变量均为对象,当你声明一个变量的时候就创建了一个对象 
        var number = new Number;
        number = 'hello'
        console.log(typeof number)
        // JavaScript中的函数中调用带参函数
        function demo1(firstName, lastName) {
            alert(firstName + 'is' + lastName);
        }
        // 带有返回值的函数
        function demo2(x, y) {
            return x * y;
        }
        document.getElementById("demo2").innerHTML = demo2(3, 6);
        // 如果给为声明的变量赋值的话,该变量会被当作window的一个属性
        // 这种情况下创建的全局变量是属于可配置属性,是可以删除的
        var var1 = 1;
        var2 = 3;
        // 都可以当作全局变量来使用
        console.log(this.var1);
        console.log(this.var2);
        console.log(window.var1);
        console.log(window.var2);
        delete var1;
        // 被定义的变量无法删掉
        console.log(var1);
        delete var2
        // 未被定义的变量是可以被删掉
        // 因此执行页面后台会显示未被定义;ReferenceError: var2 is not defined
        console.log(var2);
    </script>
</body>

</html>

今天的学习内容比较简单,由于开始工作了,之后只能周末创作和学习了,但是每天都有在好好学习哦!!!!

标签:console,log,var2,JavaScript,基础,学习,var1,document
From: https://blog.csdn.net/weixin_58573288/article/details/140404955

相关文章

  • 一起学习LeetCode热题100道(11/100)
    11.滑动窗口最大值(学习)给你一个整数数组nums,有一个大小为k的滑动窗口从数组的最左侧移动到数组的最右侧。你只可以看到在滑动窗口内的k个数字。滑动窗口每次只向右移动一位。返回滑动窗口中的最大值。示例1:输入:nums=[1,3,-1,-3,5,3,6,7],k=3输出:[3,3,5,......
  • 第二周学习报告
    又经过了一周的学习,今天对本周学习进行总结本周安装了IDEA,了解并学习了相关知识。还学习了Java中键盘录入、运算符、判断和循环的用法。IDEAIDEA全称IntelliJIDEA,是java编程语言的集成开发环境,它广泛应用于软件开发领域。IDEA官网:https://www.jetbrains.com/idea/键盘录入J......
  • 微前端基础知识
    1.前言        随着Web应用程序规模的日益扩大和复杂性的增加,传统的前端开发模式逐渐显现出其在维护、扩展以及团队协作方面的局限性。微前端作为一种新兴的前端架构模式,正是为了应对这些挑战而诞生的。        微前端(Micro-Frontends)并没有定义框架或API,......
  • 模型部署 - TensorRT & Triton 学习
    先介绍TensorRT、Triton的关系和区别:TensorRT:为inference(推理)为生,是NVIDIA研发的一款针对深度学习模型在GPU上的计算,显著提高GPU上的模型推理性能。即一种专门针对高性能推理的模型框架,也可以解析其他框架的模型如tensorflow、torch。主要优化手段如下: Triton:类似于TensorFlo......
  • 《JavaSE》------4.<基础语法(数据类型与变量)>
    包含java注释,标识符,关键字,数据类型与变量,Ascii码与Unicode码,类型转换....语言只是工具,不能决定你好不好找工作,决定你好不好找工作的是你的能力!!!!!学历本科及以上就够用了!!!!!!!!!!!!!!!!!!!!!!!!!!!!目录一、注释二、标识符三、关键字四、数据类型与变量4.1字面常量4.1.1字面常量的分类4.2数据......
  • containerd 容器基础环境组件的搭建
    1基础环境说明(1)本次所有部署软件版本说明软件名称版本号操作系统内核(后续升级为lt-5.4.278)CentOS7.9.2009(3.10.0-1160.el7)1c1GB20GBCentOS-7-x86_64-Minimal-2009.isocontainerdv1.6.6cfsslv1.6.1cniv1.1.1crictlv1.24.2nerdctl1.7.6......
  • 【JavaScript】聊一聊js中的浅拷贝与深拷贝与手写实现
    前言什么是深拷贝与浅拷贝?深拷贝与浅拷贝是js中处理对象或数据复制操作的两种方式。‌在聊深浅拷贝之前咱得了解一下js中的两种数据类型:基本数据类型(6种)String、Number、Object、Boolean、null、undefined、symbol(ES6+)引用数据类型Object(function、Array、正则表达式等皆......
  • 3D感知视觉表示与模型分析:深入探究视觉基础模型的三维意识
    在深度学习与大规模预训练的推动下,视觉基础模型展现出了令人印象深刻的泛化能力。这些模型不仅能够对任意图像进行分类、分割和生成,而且它们的中间表示对于其他视觉任务,如检测和分割,同样具有强大的零样本能力。然而,这些模型是否能够理解图像所描绘的三维世界结构,仍然是一个值得......
  • 深度学习 - 门禁系统的人脸录入和识别流程
    门禁系统中的人脸录入和识别通常采用以下几种算法和技术:1.人脸检测(FaceDetection)人脸检测是人脸识别系统的第一步,用于在图像或视频中定位和提取人脸区域。常用的算法包括:HaarCascades (OpenCV):经典的基于特征的检测方法。HOG(HistogramofOrientedGradients) + S......
  • 深度学习 - 人脸识别 - 苹果是怎么做的
    苹果的面部识别功能称为 FaceID,它在iPhone和iPad上使用,是一种高度安全且方便的生物识别认证方法。FaceID主要依赖于以下核心技术和算法:1.硬件组件FaceID依赖于iPhone和iPad上的 TrueDepth摄像头系统,它包括多个硬件组件:红外摄像头:捕捉用户面部的红外图像。泛......