<!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. sm加密前端解析--JS实现国密算法SM2加密

    https://gitee.com/houxianzhou/sm2-demo.git 具体相关算法这里不在讲述,网上文章很多,也可以看我之前 iOS-sm2-sm3-sm4-sm9-zuc 里面提供的 ...

  2. docker containerd runc containerd-shim等组件的关系

    早期 kubelet 创建容器工作原理 因为 docker 出生的比 k8s 早,所以 k8s 早期的容器运行时都是基于 docker 的,kubelet 通过 docker 的 api 创建容器.后 ...

  3. mysql8在Win10下安装教程

    一.准备工作 下载mysql8安装包,下载URL地址:https://mirrors.tuna.tsinghua.edu.cn/mysql/downloads/MySQL-8.0/ 二.管理员权限执行 ...

  4. 力扣344(java & python)-反转字符串（简单）

    题目: 编写一个函数,其作用是将输入的字符串反转过来.输入字符串以字符数组 s 的形式给出. 不要给另外的数组分配额外的空间,你必须原地修改输入数组.使用 O(1) 的额外空间解决这一问题. 示例 1 ...

  5. 模拟IDC spark读写MaxCompute实践

    简介: 现有湖仓一体架构是以 MaxCompute 为中心读写 Hadoop 集群数据,有些线下 IDC 场景,客户不愿意对公网暴露集群内部信息,需要从 Hadoop 集群发起访问云上的数据.本文以 ...

  6. 系列解读 SMC-R (二)：融合 TCP 与 RDMA 的 SMC-R 通信 | 龙蜥技术

    ​简介:本篇以 first contact (通信两端建立首个连接) 场景为例,介绍 SMC-R 通信流程. ​ 文/龙蜥社区高性能网络SIG 一.引言 通过上一篇文章 <系列解读SMC-R:透 ...

  7. 新型DDoS来袭 | 基于STUN协议的DDoS反射攻击分析

    简介: 作为新型反射类型,目前仍存绕过防御可能性. 阿里云安全近期发现利用STUN(Session Traversal Utilities for NAT,NAT会话穿越应用程序)服务发起的DDoS反 ...

  8. 2019-8-31-dotnet-使用-Environment.FailFast-结束程序

    title author date CreateTime categories dotnet 使用 Environment.FailFast 结束程序 lindexi 2019-08-31 16:55 ...

  9. linux环境下java调用C/C++动态库（JNI技术：参数为指针与结构体）

    一.JNI技术 JNI是Java Native Interface的缩写,通过使用 Java本地接口书写程序,可以确保代码在不同的平台上方便移植. SUN公司发布的Java 本地接口(JNI)提供了将 ...

  10. Util 应用框架 UI 全新升级

    Util UI 已经开发多年, 并在多家公司的项目使用. 不过一直以来, Util UI 存在一些缺陷, 始终未能解决. 最近几个月, Util 团队下定决心, 终于彻底解决了所有已知缺陷. Util ...