JavaScript语法基础

一、关于变量

1、 变量的声明

原生JavaScript中,有两种方式可以创建变量:

  • 可以直接通过一个自定义名称创建一个变量;
  • 使用var关键字创建变量(推荐)

2、 命名规则

原生JavaScript作为一种编程语言,内部可以通过一些符号表示一些数据,这样的符号称为标识符

标识符中包含了关键字、变量

标识符命名规则:描述数据的符号由字母、数字、下划线、$符号组成,其中数字不能开头

① 关键字

编程语言本身已经内置使用了很多的英文单词,这些内置的单词都称为关键字,如var

② 变量

代码开发过程中,开发人员为了存储数据自定义的符号;注意不能使用关键字

变量的命名,遵循标识符的命名规则不能使用关键字

3、 命名规范

大量的项目实践中,为了提高代码的阅读性/可读性,以及提高查看代码的效率;对变量名称的命名有一定的开发规范

  • 见名知意
  • 驼峰命名法:一个或者多个单词(拼音)组成,第一个单词(拼音)全部小写,后面每个单词(拼音)首字母大写

4、 变量的赋值

变量作为一个存储数据的容器,需要添加数据之后才能正常访问,数据访问方式主要有:存储数据、查询数据、修改数据以及删除数据

变量中存储数据的方式就是变量的赋值操作,需要使用 赋值运算符:=

5、 变量的使用

项目中的数据操作,根据操作方式主要区分为两种

  • 数据的操作:数据作为一个独立的整体,可以执行存储、查询、修改、删除,简称增删改查
    • 增删改查:简称CRUD
    • C:Create 增加、R:Retrieve 查询、U:Update 修改、D:Delete 删除
  • 数据的运算:数据和数据之间,通过运算符执行运算,一般都是基础的加减乘除...

变量的使用,区分增加、修改、查询和删除的操作

  • 增加:声明变量赋值的过程
  • 查询:通过变量名称,获取变量中数据的过程
  • 修改:给指定的变量重新赋值的过程
  • 删除:
    • 业务删除:项目开发中,约定变量中存储一个无效数据,表示该数据被删除;变量依然存在
    • 真实删除:项目代码中,使用delete关键字针对变量进行物理删除,很容易造成代码稳定性问题,语法上受到一定的限制,如不能直接删除var声明的变量

二、数据类型

1、 基本数据类型

原生JavaScript中提供了6种基本数据类型

  • 数值:Number
  • 字符串:String
  • 布尔:Boolean
  • 空值:Null
  • 未定义:Undefined
  • 对象(一切皆对象)【争议】:Object

2、 复杂数据类型

原生JavaScript中也提供了一些复杂数据类型,用于描述一些较为复杂的事物,如:常见的复杂类型

  • Array:数组
  • Function:函数
  • Object:对象
  • Math:处理数学运算的类型
  • Date:处理日期时间的类型
  • RegExp:处理正则表达式的类型
  • UUID:处理唯一数据的类型
  • ...

3、 类型转换

项目中原生JavaScript数据的表示方式,同一个数据可能会以不同类型的形式表示出来;进行数据运算(加减乘除)的时候很容易出现错误运算结果;需要掌握类型的转换技术

  • 转换成字符串
    • 字符串拼接
    • String(dat)
    • dat.toString()
  • 转换成数值
    • Number(dat)
    • parseInt(dat)
    • parseFloat(dat)
  • 转换成布尔(字符串、数值、null/undefined
    • Boolean(dat)

4、运算符

运算符Operation,主要用于描述数据之间执行运算的符号,编程语言中包含的运算符:

  • 赋值运算符
  • 算术运算符
  • 混合运算符
  • 比较运算符
  • 逻辑运算符
  • 三元运算符
  • 位运算符

(1) 关于数据的表示

编程语言中,一般处理数值数据,会有不同的进制表示方式:

  • 二进制(逢二进一):0, 1, 10, 11, 100, 101, 110, 111...
  • 八进制(逢八进一):0,1,2,3,4,5,6,7,10,11,12,13,14,15,16,17,20....
  • 十进制(逢十进一):0,1,2,3,4,5,6,7,8,9,10,11,12,...
  • 十六进制(逢十六进一):0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,10,11,12,....

(2) 赋值运算符

符号 描述
= 将等号右侧的数据,赋值给左侧的变量

(3) 算术运算符

符号 描述
+ 加法运算
- 减法运算
* 乘法运算
/ 除法运算
% 取余数运算
++ 自增运算
-- 自减运算

混合运算符

符号 描述
+= a += 1 等价于 a = a + 1

(4) 比较运算符

项目中经常做一些数据的比较操作,通过返回的数据(布尔类型的)体现比较的结果(true | false

符号 描述
> 大于
>= 大于等于
< 小于
<= 小于等于
== 等于
!= 不等于 !=
=== 全等于= = =
!== 不全等于!==

(5) 逻辑运算符

项目中如果同时出现多个条件比较时,需要多个条件并且关系、或者关系,取反的关系,将多个条件合并起来进行处理,使用到逻辑运算符

符号 描述
&& 并且关系,多个条件同时为true返回true
ll 或者关系,多个条件只要有一个为true返回true
! 取反

(6) 三元运算符

编程语言中提供了一种特殊的符号,可以执行简单的判断操作:三元运算符

符号 描述
条件 ? 结果1 : 结果2 执行表达式中的?符号前面的条件运算 条件为true执行结果1中的代码 条件为false执行结果2中的代码

(7) 位运算符(了解)

项目中所有的代码里面的数据运算,最终都会交给计算机中的CPU运算,CPU里面的运算都是二进制数据的运算;代码中的运算过程,二进制运算表达式性能最高!位运算符就是专门提供给二进制的运算符号

符号 描述
& 与运算,1 - 1 -> 1、1 - 0 -> 0 、0 - 0 -> 0 eg: 1 & 2 => ? eg: 01 & 10 => 00
l 或运算:1 - 1 -> 1、1- 0-> 1、0 - 0 -> 0 eg: 1 l 2 => ? eg: 01 l 10 => 11
^ 异或运算:1-1-> 0、0-0-> 0、1-0-> 1
>> 右移运算,100 -> ``>>`` -> ``010 4 4>>1 2
<< 左移运算,010`` -> ``<<`` -> ``100 2 -> 2<<1 -> 4
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,457评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,837评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,696评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,183评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,057评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,105评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,520评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,211评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,482评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,574评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,353评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,897评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,489评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,683评论 2 335

推荐阅读更多精彩内容