02-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就是辨別符

• 辨別符命名規則(必須遵守)
  • 隻能由26個英文字母的大小寫、10個阿拉伯數字0~9、下劃線_、美元符号$組成
  • 不能以數字開頭
  • 嚴格區分大小寫，比如test和Test是2個不同的辨別符
  • 不可以使用關鍵字、保留字作為辨別符
  • JS底層儲存辨別符時實際上是采用的Unicode編碼，是以理論上講，所有的utf-8中含有的内容都可以作為辨別符

不建議使用辨別符
abstract	double	goto	native		boolean
				byte
		synchronize	char		int
	throws		final
transient		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

  • 

• 練習找出合法的辨別符

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

注釋

• 什麼是注釋?
  • 注釋是在所有計算機語言中都非常重要的一個概念，從字面上看，就是注解、解釋的意思
  • 注釋可以用來解釋某一段程式或者某一行代碼是什麼意思，友善程式員之間的交流。(假如我寫完一行代碼後，加上相應的注釋，那麼别人看到這個注釋就知道我的這行代碼是做什麼用的)
  • 注釋可以是任何文字，也就是說可以寫中文
  • 在開發工具中注釋一般是灰色或者綠色

江哥提示:

• 初學者編寫程式可以養成習慣：先寫注釋再寫代碼。
• 将自己的思想通過注釋先整理出來，在用代碼去展現。
• 因為代碼僅僅是思想的一種展現形式而已。

• 為什麼要寫注釋?
  • 沒寫注釋

  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