美文网首页
JavaScript-3变量、常量、关键字

JavaScript-3变量、常量、关键字

作者: 想成为大牛的程旭元 | 来源:发表于2020-08-27 14:16 被阅读0次
    JavaScript的常量
    1. 什么是常量
      常量:表示一些固定不变的数据。
    2. JavaScript常量分类
      2.1 整形常量
      整形常量就是正数,在JavaScript中随便写一个整数都是整形常量
    1、666、9 这些都是
    

    2.2 实型常量
    实型常量就是小数,在JavaScript中随便写一个小数都是实型常量

    3.14、6.66
    

    2.3 字符串常量
    实型常量就是用一个单引号或者双引号括起来的内容,我们称之为字符串常量

    'a'
    "abv"
    

    注意点:无论用单引号还是双引号括起来多少个字符,在JavaScript中都是字符串常量

    2.4 布尔常量
    布尔常量就是真或者假,在JavaScript中通过true或者false来表达,
    在JavaScript中布尔值只有2个取值,真(true)或者假(false)

    true,false
    

    2.5 自定义常量
    在ES6中新增,

    const 常量名 = 常量取值;
    const number = 666;
    number的值为666,不能修改number的值。
    
    JavaScript的变量
    1. 什么是变量
      常量:表示一些可以被修改的数据。
      在现实生活中超时的储物格就是变量,在不同的时间段,储物格存储的数据不一样。
    2. 如何定义一个变量
      在JavaScript可以通过定义变量的方式来生成储物格,也就是告诉浏览器,我们需要一块内存空间。
    var 变量名称; // 在内存中分配了一快内存空间。
    
    1. 如何使用变量
      使用变量就是往申请的那块内存空间中存储数据,和获取存储的数据
      3.1 如何存储数据
    var 变量名 = 需要存储的数据;
    可以将等号右边需要存储的数据放到等号左边申请的那块存储空间中
    

    3.2 如何获取存储在变量中的数据

    变量名称
    
    输出变量名
    console.log(num);
    
    1. 如何修改变量中的值
      在JavaScript中想要修改变量中存储的数据,只需要重新对他赋值即可
    num = 1111;
    

    4.1 在JavaScript中第一次给变量赋值,我们称之为变量的初始化

    var n = 222;
    

    4.2 如果一个变量没有进行初始化,那么变量中存储的是啥呢?
    在JavaScript中,如果定义了一个变量,但是没有进行初始化,那么变量中存储的是undefined

    var n;
    console.log(n);
    
    1. 给变量初始化有很多种形式
      5.1 先定义变量,然后对变量进行初始化
      5.2 可以在定义变量的同时,对变量进行初始化

    2. 定义变量的其他格式

    格式
    var 变量1,变量2;
    
    var num,value; //同时定义2个变量
    
    1. 初始化变量的其他格式
    初始化变量1 = 初始化变量2 = 初始化变量3 = 初始化值;
    
    var num;
    var value;
    num = value = 123;//同时对num和value进行初始化,num和value里面存储的数据都是123
    
    1. 定义多个变量的同时给多个变量进行赋值
    var num = 123,value = 'abc';  //定义一个num,初始化值为123
    
    JavaScrip变量的注意点

    注意点

    1. 在JavaScript中,变量之间是可以相互赋值的
    var num;
    var value;
    num = 123;
    value = num; //将num的值拷贝一份给value
    
    1. 在JavaScript中定义了同名的变量,后定义的变量,会覆盖先定义的变量
    var num = 666; 
    num = 888; //如果num前面没有var,那么就是修改变量中存储的值
    var num ='123'; //如果num前面有var,那么就不是修改变量中存储的值,而是重新定义一个新的
    
    1. 在老版本的标准(ES6之前)JavaScript中可以先使用变量,再定义变量,并不会报错。
      由于JavaScript是一门解释型语言,会边解析,边执行,浏览器在解析JavaScript代码之前还会进行一个操作"预解析(预处理)"
    2. 预解析(预处理)步骤:
      将当前JavaScript代码中所有变量的定义和函数的定义放到所有代码的最前面
    //原来的代码
    console.log(num);
    var num = 123;
    //预处理之后的代码
    var num;
    console.log(num);  //输出undefined
    num = 123;
    

    JavaScript变量定义ES6语法

    为了解决老版本标准的2个注意点:

    1. 在JavaScript中定义了同名的变量,后定义的变量,会覆盖先定义的变量
    2. 在老版本的标准(ES6之前)JavaScript中可以先使用变量,再定义变量,并不会报错。

    解决

    1. 在ES6中,推出了一种新的定义变量的方式
    ES6之前:var 变量名;
    ES6开始:let 变量名;
    
    let num = 123;
    let num = 888;  //这里会报错,
    console.log(num);  
    报错的原因是 num在前面已经被定义了。
    
    
    console.log(num);  
    let num = 123;
    现在这里报错了,说是num没有声明。
    

    JavaScript关键字

    1. 什么是关键字?
      被JavaScript语言赋予了特殊含义的单词。好比现实生活中110、119、120对我们的含义一样,在JavaScript中,也有一些对于JavaScript有特殊含义的单词,这些单词我们就称为关键字
    2. 关键字特点
    • 关键字在开发工具中会显示特殊颜色 (let、var)
    • 关键字不能用作变量名、函数名等
    • 关键字严格区分大小写, var和Var前者是关键字, 后者不是

    只需要记住一点: 在JavaScript中所有的关键字都是小写的

    关键字和保留字.png

    JavaScript标识符

    1. 什么是标识符?
      被JavaScript语言赋予了特殊含义的单词。好比现实生活中110、119、120对我们的含义一样,在JavaScript中,也有一些对于JavaScript有特殊含义的单词,这些单词我们就称为关键字
    • 其实标识符的作用就是跟人名差不多,为了区分每个人
    • 日常生活中乔丹、科比这些都是标识符
    • 变量名就是标识符
    1. 标识符命名规则
    • 只能由26个英文字母的大小写、10个阿拉伯数字0~9、下划线_、美元符号$组成
    • 不能以数字开头
    • 严格区分大小写,比如test和Test是2个不同的标识符
    • 不可以使用关键字、保留字作为标识符
    1. 标识符命名规范
    • 见名知意:变量名要有意义(有利于提高阅读性)
    • 驼峰命名法:首字母小写,第二个单词的首字母大写(有利于提高阅读性)例如:myFirstName
    JavaScript注释
    1. 什么是JS的注释?
    • 和HTML/CSS的注释一样, 都是用来注解解释某一段程序的含义的, 都是用来提升代码的阅读性的, 都是为了方便程序员之间沟通的
    /* 注释说明 */
    
    1. JS注释的格式
    • 单行注释:
    // 被注释的内容
    

    注意点: 单行注释的有效范围是从第二个斜杠开始一直直到这一行的末尾, 也就是被注释的内容不能换行

    • 多行注释:
    /* 被注释的内容 */
    

    注意点: 多行注释的有效范围是从第一颗星开始直到第二颗星结束, 也就是说被注释的内容可以换行的

    1. JS中注释的嵌套规则
    • 单行注释可以嵌套单行注释, 但是必须在一行
    • 单行注释可以嵌套多行注释, 但是必须在一行
    • 多行注释可以嵌套单行注释
    • 多行注释不可以嵌套多行注释

    相关文章

      网友评论

          本文标题:JavaScript-3变量、常量、关键字

          本文链接:https://www.haomeiwen.com/subject/hytfsktx.html