邂逅JS

JS

JS作为一门客户端开发语言，不仅要操作浏览器的某些功能，还要操作页面中的DOM元素

• ECMAScript3_{5（老版本）6}7（新版本）

• • 规定了JS的语法、变量和操作语句等····

• DOM（document object model）

• • 提供了一些JS的属性和方法，用来操作页面中的DOM元素

• BOM（browser object model）

• • 提供了一些JS的属性和方法，用来操作浏览器

JS创建变量的几种形式

• var创建变量（ES5）

• • var a = 12；
  • console.log（a）；
  • 12

• let创建变量（ES6）

• • let b = 12；
  • ​ b = 13
  • console.log（b）；
  • 13

• const创建变量（ES6 赋予变量的值不可被修改）

• • const c = 12；
  • console.log（12）
  • 12

• function创建变量 （函数变量）（ES5）

• • function fn（）{console.log（222）}
  • console.log（fn）

• import 导入变量（ES6）

• • import d from ‘1.js’
  • console.log（d）

• class 创建类（变量）（ES6）

• • class e {}

• Symbol 创建唯一值

• • let a = Symbol（10）；
  • let b = Symbol（10）；
  • console.log(a,b)

JS中的命名规范

• 严格区分大小写

• 变量名由数字、字母、$、_组成，不能以数字开头

• • let 1a = 10；
  • 报错

• 遵循驼峰命名法（变量名的第一个单词首字母小写，以后每一个有意义的单词首字母大写）

• 不能以关键字、保留字作为变量名

js 关键字和保留字

• 不能把关键字、保留字、true、false和null用作标识符。

• • js中的关键字可用于表示控制语句的开始或结束，或者用于执行特定操作等。按照规则，关键字也是语言保留的，不能用作标识符。以下就是ECMAScription的全部关键字：
• • • break、else、new、var、 case、 finally 、 return、 void 、 catch 、for 、switch 、 while 、 continue、 function 、this 、 with 、default 、 if 、 throw 、 delete 、 in 、 try 、do 、 instranceof、 typeof
• • ECMA还描述了另外一组不能用作标识符的保留字。尽管保留字在这门语言中还没有任何特定的用途，但它们有可能将来被用作关键字。下面是ECMA第3版定义的全部保留字：
• • • abstract 、 enum 、int 、 short 、 boolean 、export 、interface、 static、 byte 、extends 、 long 、 super 、 char 、 final 、native 、synchronized 、 class 、float 、 package 、throws 、 const 、goto 、private 、transient 、 debugger 、 implements 、protected 、 volatile 、 double 、import 、public

在代码中使用关键字作为标识符在大多数浏览器中都会倒是“Identifier Expected”（缺少标识符）错误。而使用保留字可能不会导致同样的错误，这要视具体的浏览器而定。一般来说，最好不要使用关键字和保留字作为标识符，一遍与ECMAScript未来的版本保持兼容。

本文摘自 《JavaScripti 高级程序员设计（第2版）》

JS的数据类型

• 基本数据类型

• • 数字number 0.1 1 -1

• • • 有效数字
    • NaN（not a number）不是一个数，但他是number数据类型的
    • NaN和谁都不相等，包括自己

• • 字符串string " " ’ ’
  • 布尔boolean true false
  • 空对象指针null
  • 未定义undefined
  • 唯一值Symbol()

• 引用数据类型

• • 对象object
• • • 普通对象 {name:‘xxxx’}
    • 数组 [3,1313,true,null]
    • 数学对象 Math
    • 日期对象 Date的实例
    • 正则 /^$/
• • 函数function
• • • 普通函数
    • class