<!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. Asp-Net-Core开发笔记：使用alpine镜像并加入健康检查

    前言 使用 docker 部署 AspNetCore 应用已经是标配了,之前我一直使用 mcr.microsoft.com/dotnet/aspnet:8.0 这类镜像,简单粗暴,不过可以使用 alp ...

  2. 通过Jenkins构建CI/CD实现全链路灰度

    简介: 本文介绍通过 Jenkins 构建流水线的方式实现全链路灰度功能. 作者:卜比   本文介绍通过 Jenkins 构建流水线的方式实现全链路灰度功能. 在发布过程中,为了整体稳定性,我们总是希 ...

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

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

  4. 云原生应用实现规范 - 初识 Operator

    简介: 本文我们将首先了解到 Operator 是什么,之后逐步了解到 Operator 的生态建设,Operator 的关键组件及其基本的工作原理,下面让我们来一探究竟吧. 作者 | 匡大虎.阚俊宝 ...

  5. 3千字带你搞懂XXL-JOB任务调度平台

    思维导图 文章已收录Github精选,欢迎Star:https://github.com/yehongzhi/learningSummary 一.概述 在平时的业务场景中,经常有一些场景需要使用定时任 ...

  6. 阿里巴巴云原生大数据运维平台 SREWorks 正式开源

    ​简介:阿里巴巴云原生大数据运维平台 SREWorks,沉淀了团队近10年经过内部业务锤炼的 SRE 工程实践,今天正式对外开源,秉承"数据化.智能化"运维思想,帮助运维行业更多的 ...

  7. 达摩院重要科技突破！空天数据库引擎Ganos解读

    简介: Ganos空天数据库引擎是李飞飞带领的达摩院数据库与存储实验室研发的新一代位置智能引擎,采用了平台即服务.多模融合.计算下推和云原生全新处理架构,为政府.企事业单位.泛互联网客户提供移动对象. ...

  8. 如何专业化监控一个Kubernetes集群？

    简介: 本文会介绍 Kubernetes 可观测性系统的构建,以及基于阿里云云产品实现 Kubernetes 可观测系统构建的最佳实践. 作者:佳旭 阿里云容器服务技术专家 引言 Kubernetes ...

  9. KubeVela 成为 CNCF 沙箱项目，让云端应用交付更加简单

    简介: KubeVela 就是这样一个面向用户的上层平台项目.对于业务开发者来说,KubeVela 简单.易用,它可以让开发者以极低的心智负担和上手成本在 Kubernetes 上定义与部署应用... ...

  10. Alibaba FFI -- 跨语言编程的探索

    ​简介: 跨语言编程时现代程序语言中非常重要的一个方向,也被广泛应用于复杂的设计与实现中. 跨语言编程是现代程序语言中非常重要的一个方向,也被广泛应用于复杂系统的设计与实现中.本文是 GIAC 202 ...