JavaScript语法基础（1）1、JavaScript是什么？
1）定义：
JavaScript「JS」是⼀种⾼级的、动态的、
弱类型的、解释型的计算机编程脚本语⾔。
2）原理：
3）组成：
3⼤部分：
◆ ECMAScript： JS的语法核⼼
◆ DOM： Document Object Model；
⽂档对象模型；
提供访问和操作⽹页的⽅法和接⼝
◆ BOM： Browser Object Model；
浏览器对象模型；
提供与浏览器交互的⽅法和接⼝
4）总结：
JS是⼀种专门为⽹页交互⽽设计的、
简单⽽⼜复杂的脚本程序语⾔。
2、JS的发展简史是怎样的？
●慢速的⽹络 + 表单提交 + 服务器验证 = 糟糕的体验；
● 1995年，Netscape「⽹景公司」，LiveScript；
●为了跟风，更名为了JavaScript；
● "浏览器⼤战"时期，IE <=> Netscape Navigator；
●由于语法和特性上没有标准化，
不同公司的浏览器实现不⼀样，
导致JS出现了⼀定程度的混乱；
●欧洲计算机制造协会「ECMA」组织出现完成并定义了
ECMA-262这样⼀种名为ECMAScript的脚本语⾔标准；
● ECMAScript5「ES5」是最流⾏的版本；
ECMAScript6「ES6」是最新的版本；
●各浏览器⼚商基于ECMAScript的标准
完成了对各⾃浏览器的标准更新，实现统⼀；
●微软借助Windows的垄断性在"浏览器⼤战"中战胜⽹景。
3、JS的使⽤场景有哪些？
1）HTML、CSS和JS三者的关系：
2）JS的使⽤场景：
最初的JS只⽤来⽀持⽹页表单数据的验证，
如今的JS⼴泛使⽤于如下各种场景：
◆⽹页/⽹游/页游；
◆ Electron.js框架和V8「JS渲染引擎」，制作桌⾯程序；
◆ React.js可以制作⼿机/移动端程序；
◆ Node.js⽤来作为后端运⾏环境。
3）为什么JS⾮常值得我们学习？
◆⽬前，全世界⼏乎所谓的⽹站都在使⽤JS；
◆⼏乎所有现代的浏览器都直接原⽣⽀持JS；
PC/⼿机/平板等⼏乎所有硬件设备也⽀持JS；
◆作为Web⼯程师和Java⼯程师，如果想制作漂亮的⽹页；
或者实现⾼效的动态验证，JS是必须的⼯具。
4、JS代码的怎样引⼊？
3种⽅式：
1）内联式：
<script type="text/javascript">
...JS代码
</script>
2）外部式：
格式：
<script src="*.js"></script>
注意：
●外部JS⽂件后缀：.js；
●在JS⽂件中不需要<script>标签，直接写JS代码即可；
● JS⽂件不能直接运⾏，需要嵌⼊到HTML⽂档中执⾏。
3）嵌⼊式「将JS代码嵌⼊标签作为属性；不推荐」：
4）补充·JS在页⾯中的位置：
理论上可以将JS代码置于HTML任意位置，但⼀般放在head或body部分：◆放在<head>部分：
最常⽤⽅式；浏览器解析head部分时就会执⾏JS代码，
这样页⾯在被载⼊之前，脚本就已经被载⼊；
即：这样可以确保页⾯被载⼊之后，脚本已经准备好被调⽤；
通常⽤来放置⼀些函数代码；
◆放在<body>部分：
在页⾯被载⼊时脚本才会被载⼊并⽴即执⾏；
通常⽤来放置⼀些动态⽣成页⾯内容的代码。
特别注意：
●因为浏览器解析存在顺序，所有前⾯的<script>将会先执⾏;
●进⾏页⾯初始化操作的JS代码应该放在head中，
因为初始化的操作应该在页⾯载⼊之前完成；
●但如果是通过事件调⽤的function，那么位置没有要求。
5、JavaScript-认识语句和符号：
1）意义：
JS的语句就是给浏览器的命名，
这些命名的作⽤是告诉浏览器要做的事情。
2）格式：
每条JS的语句格式：语句;
注意：
●⼀⾏的结束被认为是语句的结束，通常结尾以；作为标记；
●虽然；也可以不写，但我们要养成良好的编程习惯。
6、JavaScript-认识注释符
2种：
1）单⾏注释：
// 注释⽂字
2）多⾏注释：
/*
* 注释⽂字
* 注释⽂字...
*/
7、JavaScript-变量
1）概念：
◆字⾯意思：可变的量；
◆编程⾓度：变量是⽤来存储某种/某些数据值的存储器；
◆简单来说：变量是⼀块内存区域，
⽤来临时性存放⼀些中转的数据，且存在数据类型。
2）定义：
使⽤var关键字声明，语法格式：
var ⾃定义变量名 = 值;
注意：
●变量虽然也可以不声明直接使⽤，但不规范；
● JS是⼀种弱类型轻量级脚本语⾔，
不要求强制为变量指定⼀种类型「不同与Java/C」，
即：JS不严格限制变量使⽤的数据类型，
JS会⾃动推算它们的类型。
3）命名：
变量名可以任意取名，但要遵循如下命名规则：
◆组成：⼤写字母/⼩写字母、数字、下划线、美元符$、中⽂等；建议：有意义的英⽂单词，多个单词⾸字母⼤写区分；
◆变量名严禁以数字开头；
◆变量名严禁使⽤JS关键字或保留字；
◆变量名严禁使⽤特殊符号；
◆变量名对⼤⼩写敏感。
4）特殊：
◆变量可以同时声明，以，隔开；
1　var a,b,c;
◆变量可以先声明，再赋值； 
1var a;
2 a = 10;
◆变量可以重复声明和赋值。
1  var a = 10;
2
3  var a = 5;
8、JavaScript-数据类型
1）什么是数据类型？
2）关于JS的数据类型：
◆说明：不同于Java/C等编程语⾔，强制要求定义变量的数据类型，否则⽆法通过编译，JS为弱类型脚本语⾔，会智能推断数据类型，即：数据类型⽆需强制定义；
◆注意：但是如果完全不定义类型，
有时JS也会帮助我们错误的设想⼀些类型，
从⽽造成⼀些不可预知的错误，
所以为了创建稳固的程序，
必须掌握JS的数据类型。
3）种类：
2类6种：
----基本数据类型----
◆数值型number：保存整数/浮点数
◆字符串型string：保存单个字符/字符串；''或""
◆布尔型boolean：定义真假；true真或false假
◆空类型null：空对象指针/引⽤；
⼀个变量后续需要引⽤具体对象，。
初始化时建议初始化为null
◆不明确型undefined：⼀个变量没有初始化赋值，就是undefined
----对象数据类型----
◆对象型object： JS中的对象⼀组属性和⽅法的集合；
具体的关于对象创建⽅法和特性，后续详解
4）转型：
◆ Number()：将数据值转为整数，可以⽤于任何数据类型
◆ parseInt()：将数据值转为整数，⽤的⽐较多
◆ parseFloat()：将数据值转为⼩数
◆ toString()：转字符串
◆ String()：转字符串「不确定要转换的变量的类型/值」
◆ Boolean()：转布尔值
9、JavaScript-转义符
1）什么是转义符？
◆说明：JS包含很多不能直接输⼊的特殊字符，可以使⽤转义字符替代2）转义符：\n , \t ,...⽤反斜杠改变其原有的含义
10、JavaScript·运算符
1）概念：
统指能够对数据进⾏操作「赋值/运算/⽐较...」的特殊符号。
2）分类：
7种：
◆算术运算符
◆赋值运算符
◆关系运算符
◆逻辑运算符
◆位逻辑运算符
◆位移运算符
◆三⽬运算符
js脚本编程入门3）运算符1·算术运算符：
9种：
+ 正号
- 负号
+ 加号
- 减号
* 乘号
/
除号
% 取余/求模
++ ⾃增
-- ⾃减
4）运算符2·赋值运算符：
6种：
=
+=
-=
*=
/=
%=
注：
<op>=表变量初值对<op>=右边的值或结果进⾏<op>运算，
运算完成后将最终结果重新赋给变量。
5）运算符3·关系元素符：
7种：
> ⼤于
< ⼩于
>= ⼤于等于
<= ⼩于等于
== 等于「只⽐较值」
=== 全等于/恒等于「值和类型都⽐较」
!= 不等于「也作<>」
注：
返回值⼀定是boolean值。
6）运算符4·逻辑运算符：
3种：
&& 逻辑与
|| 逻辑或
！逻辑⾮
注：
逻辑运算符只能操作boolean值，返回值也是boolean值。
7）运算符5·位逻辑运算符：
4种：
~ 按位取反
& 按位与
| 按位或
^ 按位异或
注：
●位逻辑运算符采⽤逻辑运算符运算思想对⼆进制数字进⾏运算；
●操作数必须是整数；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。