<!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. Django框架——路由分发、名称空间、虚拟环境、视图层三板斧、JsonResponse对象、request获取文件、FBV与CBV、CBV源码剖析、模版层

    路由分发 # Django支持每个应用都可以有自己独立的路由层.静态文件.模版层.基于该特性多人开发项目就可以完全解耦合,之后利用路由分发还可以整合到一起 多个应用都有很多路由与视图函数的对应关系 这 ...

  2. vue 商品sku添加，笛卡尔算法，商品添加。动态生成table，table添加值后 再生成的table 不改变table之前输入的值

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. 如何实现一个 Paxos

    简介: Paxos 作为一个经典的分布式一致性算法(Consensus Algorithm),在各种教材中也被当做范例来讲解.但由于其抽象性,很少有人基于朴素 Paxos 开发一致性库,本文介绍的实现 ...

  4. 使用云效Codeup10分钟紧急修复Apache Log4j2漏洞

    ​简介:2021年12月10日,国家信息安全漏洞共享平台(CNVD)收录了Apache Log4j2远程代码执行漏洞(CNVD-2021-95914),此漏洞是一个基于Java的日志记录工具,为Log ...

  5. dotnet 6 在 win7 系统 AES CFB 抛出不支持异常

    本文记录在 win7 系统上调用 AES 加密时,采用 CFB 模式,可能抛出 CryptographicException 异常 可以看到抛出的异常提示是 System.Security.Crypt ...

  6. kubeadm搭建单master多node节点的k8s集群(3)

    一.实验环境准备 K8s集群角色 IP 主机名 安装的组件 配置 控制节点 192.168.1.10 master apiserver.controller-manager.scheduler.etc ...

  7. xtrabackup备份恢复

    tar -xzvf percona-xtrabackup-2.1.9-744-Linux-x86_64.tar.gz cd percona-xtrabackup-2.1.9-Linux-x86_64/ ...

  8. vue的pc端项目+element实现分页效果

    效果图: 直接使用element操作很简单,记录一下要点: 根据ele提供的api修改data v-for="(i,s) in dataView.slice((currentPage-1)* ...

  9. 使用qemu运行risc-v ubuntu

    参考 Ubuntu installation on a RISC-V virtual machine using a server install image and QEMU 用到的文件 fw_ju ...

  10. 对C语言符号的一些冷门知识运用的剖析和总结

    符号 目录 符号 注释 奇怪的注释 C风格的注释无法嵌套 一些特殊的注释 注释的规则建议 反斜杠'\' 反斜杠有续行的作用,但要注意续行后不能添加空格 回车也能起到换行的作用,那续行符的意义在哪? 反 ...