02-JavaScript基础-关键字和标识符

简介: 关键字和保留字什么是关键字?被JavaScript语言赋予了特殊含义的单词好比现实生活中110、120、119对我们又特殊含义一样, 在JavaScript也有一些对于JavaScript有特殊含义的单词,这些单词我们称之为关键字关键...

关键字和保留字

  • 什么是关键字?
    • 被JavaScript语言赋予了特殊含义的单词
      • 好比现实生活中110、120、119对我们又特殊含义一样, 在JavaScript也有一些对于JavaScript有特殊含义的单词,这些单词我们称之为关键字
    • 关键字在开发工具中会显示特殊颜色
    • 关键字不能用作变量名、函数名等
    • 关键字严格区分大小写, var和Var前者是关键字, 后者不是
关键字
break do instanceof typeof case
else new var catch finally
return void continue for switch
while default if throw delete
in try function this with
debugger false true null

  • 什么是保留字?
    • JavaScript预留的关键字,他们虽然现在没有作为关键字,但在以后的升级版本中有可能作为关键字
保留字
class enum extends super const export
import implements let private public yield
interface package protected static

标识符

  • 什么是标识符?
    • 从字面上理解就是用来标识某些东西的符号,标识的目的就是为了将这些东西区分开来
    • 其实标识符的作用就跟人类的名字差不多,为了区分每个人,就在每个人出生的时候起了个名字
      • 日常生活中乔丹、刘德华、吴京这些都是标识符
      • 在编程中标识符就是程序员自己在程序中起的一些名字
      • 例如定义变量时的变量名称就是一个标识符var num;, 这里的num就是标识符
img_f3439dc1f3cac3d9aa1d8a40b5292b9a.jpe
  • 标识符命名规则(必须遵守)
    • 只能由26个英文字母的大小写、10个阿拉伯数字0~9、下划线_、美元符号$组成
    • 不能以数字开头
    • 严格区分大小写,比如test和Test是2个不同的标识符
    • 不可以使用关键字、保留字作为标识符
    • JS底层保存标识符时实际上是采用的Unicode编码,所以理论上讲,所有的utf-8中含有的内容都可以作为标识符
不建议使用标识符
abstract double goto native static boolean
enum implements package super byte export
import private synchronize char extends int
protected throws class final interface public
transient const float long short volatile
arguments encodeURI Infinity Number RegExp undefined
isFinite Object String Boolean Error RangeError
parseFloat SyntaxError Date eval JSON ReferenceError
TypeError decodeURI EvalError Math URIError decodeURIComponent
Function NaN isNaN parseInt Array encodeURICOmponent
  • 标识符命名规范(建议遵守)
    • 变量的名称要有意义(有利于提高阅读性)
    • 变量的命名遵守驼峰命名法,首字母小写,第二个单词的首字母大写
      • 例如: userName、myFirstName
    • img_96fbc53a08314adfaf53eed2ada51f8e.jpe
  • 练习找出合法的标识符
fromNo12 from#12 my_Boolean my-Boolean Obj2 2ndObj
$lnj test1 json2Data My_tExt _test test!32
haha(da)tt 哈哈_text jack_rose jack&rose GUI _123 if

注释

  • 什么是注释?
    • 注释是在所有计算机语言中都非常重要的一个概念,从字面上看,就是注解、解释的意思
    • 注释可以用来解释某一段程序或者某一行代码是什么意思,方便程序员之间的交流。(假如我写完一行代码后,加上相应的注释,那么别人看到这个注释就知道我的这行代码是做什么用的)
    • 注释可以是任何文字,也就是说可以写中文
    • 在开发工具中注释一般是灰色或者绿色

江哥提示:

  • 初学者编写程序可以养成习惯:先写注释再写代码。
  • 将自己的思想通过注释先整理出来,在用代码去体现。
  • 因为代码仅仅是思想的一种体现形式而已。
  • 为什么要写注释?

    • 没写注释
      njQuery.extend({
          isString : function (str ) {
              return typeof str === 'string';
          },
          isHTML : function (str) {
              if (!njQuery.isString(str)){
                  return false;
              }。
              if (str.charAt(0) == '<' && str.charAt(str.length - 1) == '>' && str.length >= 3) {
                  return true;
              }
              return false;
          },
          trim : function (str) {
              if( !njQuery.isString(str)){
                  return str;
              }else{
                  return str.trim ? str.trim() : str.replace(/^\s+|\s+$/g, '');
              }
          }
      });
    
    • 写了注释
      /*静态工具方法*/
      njQuery.extend({
          /**
           *  判断是否是字符串
           * @param 需要判断的内容
           * @returns 是返回true, 不是返回false
           */
          isString : function (str ) {
              return typeof str === 'string';
          },
          /**
           * 判断是不是html片段
           * @param 需要判断的内容
           * @returns 是返回true, 不是返回false
           */
          isHTML : function (str) {
              // 1.判断是否是字符串
              if (!njQuery.isString(str)){
                  return false;
              }
              // 2.如果字符串的第一个字母是<,最后一个字母是>,并且length >= 3,就可以认为是html片段。
              if (str.charAt(0) == '<' && str.charAt(str.length - 1) == '>' && str.length >= 3) {
                  return true;
              }
              // 3.其它情况一律返回false
              return false;
          },
          /**
           * 清除字符串首位空格
           * @param 需要清除的字符串
           * @returns 清除之后的新字符串
           */
          trim : function (str) {
              // 1.判断是否是字符串
              if( !njQuery.isString(str)){
                  return str;
              }else{
                  // 2.优先使用自带trim处理,
                  // 如果不支持再使用自己的方法处理
                  return str.trim ? str.trim() : str.replace(/^\s+|\s+$/g, '');
              }
          }
      });
    
  • 注释特点

    • 注释是写给人看的,不是给计算机看的。计算机怎么可能看得我们写的 中文。因此注释中的内容不会被解析器解析执行,但是会在源码中显示
    • 检查代码的作用
    • 排除错误
  • 注释使用

    • 单行注释

      // 我是被注释的内容
      var num;
      
      • 使用范围:任何地方都可以写注释:函数外面、里面,每一条语句后面
      • 作用范围: 从第二个斜线到这一行末尾
      • 快捷键:Ctrl+/
    • 多行注释

       /*我是被注释的内容*/
      var num;
      
      • 使用范围:任何地方都可以写注释:函数外面、里面,每一条语句后面
      • 作用范围: 从第一个/*到最近的一个*/
  • 注释使用注意

    • 单行注释可以嵌套单行注释、多行注释
        // 帅哥
        // 南哥 // 江哥
        // /* 大哥 */
      
    • 多行注释可以嵌套单行注释
      /*
        // 作者:LNJ
        // 描述:这个哥们F5一刷新
       */
      
    • 多行注释不能嵌套多行注释
        /* 
        哈哈哈
       /*嘻嘻嘻*/
         呵呵呵 
        */
      
  • 常用注释

                          _ooOoo_
                         o8888888o
                         88" . "88
                         (| -_- |)
                          O\ = /O
                      ____/`---'\____
                    .   ' \\| |// `.
                     / \\||| : |||// \
                   / _||||| -:- |||||- \
                     | | \\\ - /// | |
                   | \_| ''\---/'' | |
                    \ .-\__ `-` ___/-. /
                 ___`. .' /--.--\ `. . __
              ."" '< `.___\_<|>_/___.' >'"".
             | | : `- \`.;`\ _ /`;.`/ - ` : | |
               \ \ `-. \_ __\ /__ _/ .-` / /
       ======`-.____`-.___\_____/___.-`____.-'======
                          `=---='

       .............................................
              佛祖保佑                   有无BUG

学习交流方式:
1.微信公众账号搜索: 李南江(配套视频,代码,资料各种福利获取)
2.加入前端学习交流群:
302942894 / 289964053 / 11550038

相关文章
|
4月前
|
JavaScript 前端开发
JavaScript标识符(命名规则)
JavaScript标识符(命名规则)
36 0
|
26天前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
3月前
|
JavaScript 前端开发 开发者
JavaScript中的const关键字解析
JavaScript中的const关键字解析
|
3月前
|
JavaScript 前端开发
JavaScript变量命名规则及关键字详解
JavaScript变量命名规则及关键字详解
|
3月前
|
自然语言处理 JavaScript 前端开发
在JavaScript中,this关键字的行为可能会因函数的调用方式而异
【6月更文挑战第15天】JavaScript的`this`根据调用方式变化:非严格模式下直接调用时指向全局对象(浏览器为window),严格模式下为undefined。作为对象方法时,`this`指对象本身。用`new`调用构造函数时,`this`指新实例。`call`,`apply`,`bind`可显式设定`this`值。箭头函数和绑定方法有助于管理复杂场景中的`this`行为。
52 3
|
3月前
|
JavaScript 前端开发 C++
JavaScript中的let关键字详解
JavaScript中的let关键字详解
|
4月前
|
自然语言处理 JavaScript 前端开发
在JavaScript中,this关键字的行为可能会因函数的调用方式而异
【5月更文挑战第9天】JavaScript中的`this`关键字行为取决于函数调用方式。在非严格模式下,直接调用函数时`this`指全局对象,严格模式下为`undefined`。作为对象方法调用时,`this`指向该对象。用`new`调用构造函数时,`this`指向新实例。通过`call`、`apply`、`bind`可手动设置`this`值。在回调和事件处理中,`this`可能不直观,箭头函数和绑定方法可帮助管理`this`的行为。
33 1
|
4月前
|
JavaScript 前端开发
JavaScript 关键字
【5月更文挑战第2天】JavaScript 关键字。
37 2
|
4月前
|
JavaScript 前端开发 数据安全/隐私保护
|
4月前
|
JavaScript 前端开发
js开发:请解释this关键字在JavaScript中的用法。
【4月更文挑战第23天】JavaScript的this关键字根据执行环境指向不同对象:全局中指向全局对象(如window),普通函数中默认指向全局对象,作为方法调用时指向调用对象;构造函数中指向新实例,箭头函数继承所在上下文的this。可通过call、apply、bind方法显式改变this指向。
24 1