<!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>
    <div>北京</div>
    <!-- 带有 scr 属性的script 标签,只会执行外部式 
         内容中的 JavaScript 代码是无效的
    -->
    <script src="">
        // 无效代码
        const oDiv = document.querySelector('div');
        oDiv.onclick = function(){
            this.style.color = 'red';
            this.style.fontSize = '100px';
            this.style.background = 'orange';
        }
    </script>
</body>
</html>
 
 
  // JavaScript 代码的注释 
        // 注释形式1 : 
        //     //    单行注释  只能注释一行内容
        // 注释形式2 :
        //    /*   */   多行注释  可以注释多行内容
        /*
            这些都是注释的内容
            这些都是注释的内容
            这些都是注释的内容
            这些都是注释的内容
        */ 
   
        // 单行注释,直接按 ctrl + / 
        // 多行注释
        // 都要选中
        // 再按 ctrl + /
 
 
 JavaScript 语法 之 变量
                变量的概念:
                    变量是在所有计算机语言中,都存在的一个非常重要的概念
                    官方的定义:
                        存储在内存之中的,带有名称的,数据信息
                        其中存储的数据信息,在程序的执行过程中,是可以改变的
                    通俗理解:
                        变量实际就是一个容器
                        是存储数据的容器
                        这个容器必须有一个名称
                    为什么要有变量
                        与计算机的存储原理有关
                        在计算机中,数据是不能独立存在的,必须要有一个存储数据的容器
                        在数据的传递过程中,实际上传递的是这个容器,容器中存储着数据
                        接收数据时,实际上也是先接收这个容器,在解析获取到容器中存储的数据
                        因此计算机程序中,存储数据,必须要有一个容器
                        这个容器就是变量
                        其中存储的数据是可以改变的
                变量的基本语法
                    关键词 变量名称 赋值符号 数值数据
                      var    int     =      100
                    
                    关键词   var  定义声明变量的关键词之一
                                  表示当前正在定义的是一个变量
                    变量名称 int  定义变量的名称,也就是容器的名称
                                 一般是描述存储数据的内容或者类型
                                 要做到 见名知意
                    赋值符号  =   在计算机语言中 = 的意思 不是 数学中的相等的意思
                                  var int = 100 不是 int 等于 100 的意思
                                  在计算机语言中 是 将 等号右侧内容的执行结果,赋值给等号左侧的变量来存储
                                  var int = 100 是 将 = 右侧的执行结果 100 赋值给等号左侧的变量 int 来存储
                    数据数值 100  是存储在变量中的数据数值内容
                变量的命名规范
                    1,必须遵守的
                        (1),变量名称只能使用 英文字母,数字,下划线
                            其他内容不推荐使用 : 中文  $ 
                            有些内容,例如特殊符号,空格等是绝对不能使用的
                        (2),变量名称严格区分大小写
                             int  和  Int  是完全两个不同的变量名称
                        (3),不要使用 JavaScript 保留词和关键词
                             https://www.runoob.com/js/js-reserved.html
                    2,推荐遵守的
                        (1),使用小驼峰命名法
                        (2),不要使用中文命名
                        (3),尽量做到见名知意
                    英文不行,有道词典查
                    不要使用中文拼音,或者中文拼音缩写
                    例如 音乐 music   英文 标准写法
                             yinyue  中文拼音 勉强也能接收,凑合了,但是容易挨打
                             yy      中文缩写 指定是挨揍了,至少躺半个月
        */  
        // 定义一个变量并且赋值
        var int = 100;
        // 同时定义多个变量,并且赋值相同的数据数值
        // 同时定义三个变量,都赋值100
        // 可以逐一定义
        var int1 = 100;
        var int2 = 100;
        var int3 = 100;
        // 可以一起定义,一起写
        // 使用一个关键词 var 来同时定义是三个变量
        // 变量之间,使用逗号间隔
        var n1 = 100 , n2 = 100 , n3 = 100;
   
        // 一次定义多个变量,并且数值不同
        var a1 = 20 , a2 = 40 , a3 = 60;

JS注释 JS变量的更多相关文章

  1. js常用函数、书写可读性的js、js变量声明...

    1.Array类型函数 array.concat(item...) 函数功能:关联数组,实现数组相加功能,但并不影响原先数组,concat返回新数组. array.join(separator) 函数 ...

  2. Js注释

    注释 介绍 作用 合作分享:方便他人阅读,便于分享 沉淀总结:容易忘记代码,自己总结沉淀 形式 1.// 双斜杠 2．/**/斜杠星号 常用标签 标签 描述 @module 标明当前文件模块,在这个文 ...

  3. Javascript开发技巧(JS中的变量、运算符、分支结构、循环结构)

    一.Js简介和入门 继续跟进JS开发的相关教程. <!-- [使用JS的三种方式] 1.HTML标签中内嵌JS(不提倡使用): 示例:<button onclick="javas ...

  4. js怎么防止变量冲突

    [1]工程师甲编写功能A ? 1 2 3 var a = 1; var b = 2; alert(a+b);//3 [2]工程师乙添加新功能B ? 1 2 3 var a = 2; var b = 1 ...

  5. webstorm创建js文件时自动生成js注释

    设置webstorm创建js文件时自动生成js注释 settings--Editor--File and Code Temlates 黑色框框里的内容自己填写上去,以下是参考的代码块: /** * @ ...

  6. 5、前端--js常量、变量、5种基本数据类型（number string boolean undefined object）、运算符、流程控制、三元运算符、函数、自定义对象、内置对象、BOM操作

    变量与常量 在JS中声明变量需要使用关键字 老版本 var(全部都是全局变量) 新版本 let(可以声明局部变量) # 推荐使用let(其实问题不大) 在JS中声明常量也需要使用关键字 const # ...

  7. js学习之变量、作用域和内存问题

    js学习之变量.作用域和内存问题 标签(空格分隔): javascript 变量 1.基本类型和引用类型: 基本类型值:Undefined, Null, Boolean, Number, String ...

  8. js对象私有变量公有变量问题

    0 js对象私有变量公有变量问题5 小弟初学JS面向对象编程 现有一问题 请教各位大虾: Person=function (){ //私有变量定义 var name; vae age; var Ale ...

  9. html、css、js注释

    HTML注释 <!--注释的内容--> CSS注释 /* 注释内容 */ JS注释 单行注释以 // 开头. 多行注释以 /* 开始,以 */ 结尾.

  10. js 函数和变量的提升

    js 函数和变量的提升 1. 函数的作用域: js中 ,函数的作用域为函数,而不是大括号. var hei = 123;if(true){ hei = 456;}console.log(hei);// ...

随机推荐

  1. Linux基础——shell

    shell ############# shell是什么 -Bash Shell是一个命令解释器(python解释器),它在操作系统的最外层,负责用户程序与内核进行交互操作的一种接口,将用户输入的命令 ...

  2. 日志架构演进：从集中式到分布式的Kubernetes日志策略

    当我们没有使用云原生方案部署应用时采用的日志方案往往是 ELK 技术栈. 这套技术方案比较成熟,稳定性也很高,所以几乎成为了当时的标配. 可是随着我们使用 kubernetes 步入云原生的时代后, ...

  3. 致敬 hacker ｜盘点内存虚拟化探索之路

    ​简介: 内存虚拟化相比裸机,仍然存在较大差异,是当下值得关注的问题! ​ 云与虚拟化 云计算是通过 Internet 服务的方式提供动态可伸缩资源的计算模式,经过多年的发展已成为企业 IT 技术的重 ...

  4. GitHub 的 Action 接入 Stryker.NET 进行自动化测试单元测试鲁棒性

    假设有一个捣蛋的小伙伴加入了你的团队,这个捣蛋的小伙伴喜欢乱改代码,请问此时的单元测试能否拦住这些逗比行为?如果不能拦住逗比行为,是否代表着单元测试有所欠缺,或者有某些分支逻辑没有考虑到.本文将告诉大 ...

  5. WPF 通过 InputManager 模拟调度触摸事件

    在 WPF 中,框架可以分为两个部分,一个是渲染,另一个是交互.交互的入口是在 InputManager 里面,而实际的交互实现需要通过渲染布局和交互的路由事件才能完成.在输入管理提供了调度事件的方法 ...

  6. 02 Orcad设计环境讲解与工程创建

    02   Orcad设计环境讲解与工程创建 学习目标: 1)   掌握Orcad软件绘制元件库以及原理图的方法: 2)   掌握Allegro软件绘制PCB库以及PCB的方法: 3)   掌握Orca ...

  7. SpringBoot使用JSch操作Linux

    推荐使用Hutool的Jsch工具包(它用的连接池的技术) 一.SSH远程连接服务器 SSH更多见:http://t.csdnimg.cn/PrsNv 推荐连接工具:FinalShell.Xshell ...

  8. Java中使用try代码块自动关闭各种流（IO流……）

    推荐写在 try 的括号中 /** 方式一.方式二是等价的 * <li>推荐使用方式一</li> * @since 2023/5/18 0018 * @author CC ** ...

  9. 使用ChatGPT自动构建知识图谱

    1.概述 本文将探讨利用OpenAI的gpt-3.5-turbo从原始文本构建知识图谱,通过LLM和RAG技术实现文本生成.问答和特定领域知识的高效提取,以获得有价值的洞察.在开始前,我们需要明确一些 ...

  10. XOps笔记

    当前是 Ops盛行的时代,在互联网圈内的你一定经常都会听到这些名词,DevOps.DevSecOps.GitOps.NetOps.ItOps.Aiops.DataOps.MLOps.NoOps:无论是 ...