<!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. 特殊border的样式 -- CSS3实现三种切角效果

    效果一: 代码:<div class="cornerCut">corner cutcorner cutcorner cutcorner cut</div> ...

  2. OS如何保持对计算机的控制权？

    前面我们提到:OS希望在保持控制权的同时,为用户提供高性能的并发. 那么OS究竟是如何保持对计算机的控制权呢?这似乎是一个令人迷惑(但很重要!)的问题:OS也是进程,自然也需要计算资源.那既然我们希望 ...

  3. 对key值理解

    key相当于一种身份标识标识,就像我们的身份证用来辨识一个人一样. 每个key对应一个组件, 相同的key react会认为是同一个组件,这样后续相同的key对应组件都不会被创建.... 而有了key ...

  4. 力扣592(java)-分数加减运算（中等）

    题目: 给定一个表示分数加减运算的字符串 expression ,你需要返回一个字符串形式的计算结果. 这个结果应该是不可约分的分数,即最简分数. 如果最终结果是一个整数,例如 2,你需要将它转换成分 ...

  5. PeLK：101 x 101 的超大卷积网络，同参数量下反超 ViT | CVPR 2024

    最近,有一些大型内核卷积网络的研究,但考虑到卷积的平方复杂度,扩大内核会带来大量的参数,继而引发严重的优化问题.受人类视觉的启发,论文提出了外围卷积,通过参数共享将卷积的复杂性从 \(O(K^{2}) ...

  6. EMR重磅发布智能运维诊断系统(EMR Doctor)——开源大数据平台运维利器

    简介: E-MapReduce 推出面向开源大数据集群的智能运维诊断系统 E-MapReduce Doctor,有效提升大数据集群运维效率,辅助 EMR 用户完善集群监控体系. 大数据运维的挑战-如何 ...

  7. 小米电商 Apache Dubbo-go 微服务实践

    ​简介:2021 年是小米中国区电商部门变动调整较大的一年,小米中国区早期电商.服务体系建立在 Go 语言构建的微服务体系之上,由内部自研的 Go 语言微服务框架 koala 支撑起数以千计的微服务应 ...

  8. JUC并发编程学习笔记（十九）原子引用

    原子引用 带版本号的原子操作! 解决ABA问题,引入原子引用(乐观锁思想) AtomicStampedReference类解决ABA问题 package org.example.cas; import ...

  9. 鸿蒙HarmonyOS实战-ArkUI事件（单一手势）

    一.单一手势 应用程序的手势操作是指在移动设备上使用手指或手势进行与应用程序交互的方式.手势操作可以包括点击.滑动.双击.捏合等动作,用于实现不同的功能和操作. HarmonyOS中常见的手势操作及其 ...

  10. C++ 类的继承（Inheritance)

    一.继承(Inheritance) C++有一个很好的性质称为inheritance(继承),就是声明一个class(derived class),把另一个或多个class(base class)的所 ...