• js基础知识整理之 —— 获取元素和命名规范


    获取元素和命名规范为啥归置到一起了 因为他俩篇幅都不太长

    一、获取元素
    JS的特点 要想操作谁 就要先获取谁

    document.get ById(“box”); 意思是:在当前文本下,通过叫box的Id来获取这个元素

    dcument:当前的文档
    get:得到、获取
    Element:元素
    By:通过、
    利用 Id:Id是唯一的、不可重复的,唯一性

    在这里插入图片描述
    注意 S大小 写转换
    [0]的意思是获取当前数组第一个值
    在这里插入图片描述
    在这里插入图片描述
    在控制台打印这个颜色的属性

    在这里插入图片描述
    在这里插入图片描述
    在控制台显示改变这个颜色

    二、命名规范

    • 不能以数字开头作变量的名字;
    • 变量名是严格区分大小写的;
    • 不能使用关键字和保留字作为变量名;

    关键字:在js中有特殊意义的字
    保留字:未来可能成为关键字的

    变量名可可以字母、汉字、下划线、$美元符作为首字母亲(但是数字不能做为首位)
    eg:var class3/ _getInfo/ $ /
    数字不能首位88 (数字可以做变量的一部分 但是不能做开头)

    “驼峰命名法” 除了第一个单词 遇到第二个有意义的单词 首字母大写
    首字母小写 其余的每个有意义的单词首字母大写

    eg:personInfo    studentImportInfo   var bbName="小明"
    • 1

    错误的示例1:
    var gg=8;
    console.log(GG);
    在这里插入图片描述
    报错:GG没有被定义

    错误示例2:
    var break=8;
    console.log(break);
    在这里插入图片描述
    报错:break是关键字 不可
    在这里插入图片描述

    在这里插入图片描述

    如果定义的变量名相同 后面的会覆盖前面的

    在这里插入图片描述

    在这里插入图片描述

    bbAgeName="小明";
    console.log(bbAgeName);
    bbAgeName="小刚";
    console.log(bbAgeName);     
    
    • 1
    • 2
    • 3
    • 4

    如果不被var 同时又给它赋值 相当于给window增加了一个属性名,
    属性名是当前的变量名字,属性值是变量存储的值

    在这里插入图片描述

    console.log(window.bbAgeName);
    
    • 1

    在全局下定义一个变量,相当于给window增加一个属性名,
    属性名是当前的变量的名字,属性值是变量存储的值

    最后:
    ECMA-262 描述了一组具有特定用途的关键字。这些关键字可用于表示控制语句的开始或结束,或者用于执行特定操作等。按照规则,关键字也是语言保留的,不能用作标识符。以下就是ECMAScript的全部关键字(带*号上标的是第5 版新增的关键字):
    在这里插入图片描述
    ECMA-262 还描述了另外一组不能用作标识符的保留字。尽管保留字在这门语言中还没有任何特定的用途。但它们有可能在将来被用作关键字。以下是ECMA-262 第3 版定义的全部保留字:‘在这里插入图片描述
    第5 版把在非严格模式下运行时的保留字缩减为下列这些:
    在这里插入图片描述
    在严格模式下,第5 版还对以下保留字施加了限制:
    在这里插入图片描述
    注意, let 和yield 是第5 版新增的保留字;其他保留字都是第3 版定义的。为了最大程度地保证兼容性,建议大家将第3 版定义的保留字外加let 和yield 作为编程时的参考。

  • 相关阅读:
    【CMU15-445 Part-12】Query Execution I
    Redis实战——短信登录
    开机自启动火绒和任务管理器都检测不到怎么办啊
    为什么 0.1 + 0.1 !== 0.2
    java计算机毕业设计能源类网站平台源码+系统+数据库+lw文档+mybatis+运行部署
    java-net-php-python-JSP学校教育论坛管理系统开题任务书PPT计算机毕业设计程序
    Vue学习(十九)插槽
    【最全】linux服务器上安装Mysql
    【leetcode】 vscode leetcode [ERROR] invalid password? 问题解决
    二十一、动态内存管理
  • 原文地址:https://blog.csdn.net/qq_39669919/article/details/126033422