JavaScript 基础学习笔记
JavaScript 简介
HTML 控制网页的结构,CSS 控制网页的外观,JavaScript 控制网页的行为
Java 与 JavaScript 的区别
JavaScript 往往在网页中使用,而 Java 却在软件、网页、手机 A p p App App 等各个领域中使用
Java 是一门面向对象的语言,而 JavaScript 更像是一门函数式编程语言
外部 JavaScript
在实际开发中,为了提升网站的性能和可维护性,一般使用外部 JavaScript
<script src = "文件路径"></script>
内部 JavaScript
内部 JavaScript
:把 HTML
代码和JavaScript
代码放在同一个文件中
<script type="text/javascript"> </script>
<script></script> /* 等价 */
元素属性 JavaScript
元素属性 JavaScript
:指的是在元素的 “事件属性” 中直接编写 JavaScript 或调用函数document.write()
:在页面输出一个内容alert()
:弹出一个对话框
语法基础
变量
JavaScript 命名规则:
变量由 字母、下划线、$ 或 数字 组成,并且第一个字母必须是字母、下划线 或 $
变量不能是系统 关键字 和 保留字
JavaScript 关键字
break、else、new、typeof、case、false、null、var、catch、for、switch、void、continue、function、this、while、default、if、throw、with、delete、in、true、do、instanceof、try
ECMA-262 标准的保留字
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
浏览器定义的保留字
alert、eval、location、open、array、focus、math、outerHeight、blur、funtion、name、parent、boolean、history、navigator、parseFloat、date、image、number、regExp、document、isNaN、object、status、escape、length、onLoad、string
var 变量名 = 值;
常量
常量:不能改变的量;一般常量名全部大写
数据类型
基本数据类型: 数字、字符串、布尔值、未定义值、空值
引用数据类型: 数组、对象
JavaScript
中,所有变量都是用 var
声明
数字
数字是基本的数据类型,即数学上的数字,不分整型和浮点型
字符串
单引号括起来的一个或多个字符
双引号括起来的一个或多个字符
单引号括起来的字符串中可以包含双引号
双引号括起来的字符串中可以包含单引号
字符串不能进行加减乘除
布尔值
数字和字符串这两种类型的值可以有无数多个,但是布尔类型的值只有 true 和 false
未定义值
未定义值是用 var 声明的变量,但是并没有对这个变量进行赋值,未定义值就是 undefined
空值
数字、字符串等数据在定义的时候,系统都会分配一定的内存空间,空值用 null 表示
运算符
运算符 | 说明 | 举例 |
---|---|---|
+ | 加 | 10+5 返回15 |
- | 减 | 10-5 返回5 |
* | 乘 | 10*5 返回50 |
/ | 除 | 10/5 返回2 |
% | 求余 | 10%4 返回 2 |
++ | 自增 | var i = 10; i++ 返回 11 |
– | 自减 | var i = 10; i–; 返回 9 |
JavaScript
中加法运算
数字 + 数字 = 数字
字符串 + 字符串 = 字符串
字符串 + 数字 = 字符串
赋值运算符
运算符 | 举例 |
---|---|
= | var str = “JavaScript” |
+= | var a += b 等价于 var a = a + b; |
-= | var a -= b 等价于 var a = a - b; |
*= | var a *= b 等价于 var a = a * b; |
/= | var a /= b 等价于 var a = a/b; |
比较运算符
运算符 | 说明 |
---|---|
> | 大于 |
< | 小于 |
>= | 大于等于 |
<= | 小于等于 |
== | 等于 |
!= | 不等于 |
逻辑运算符
运算符 | 说明 |
---|---|
&& | 与运算 |
|| | 或运算 |
! | 非运算 |
条件运算符
var a = 条件 ? 表达式1 : 表达式2;
表达式与语句
一个表达式包含 操作数 和 操作符 两部分
类型转换
JavaScript 类型转换包括 隐式类型转换 和 显式类型转换
字符串转换为数字
Number()
:将数字型字符串转换为数字parseInt()
和 parseFloat()
:提取首字母为数字的任意字符串中的数字
数字转化为字符串
JavaScript 中,将数字转化为字符串的两种方式 与空字符串相加 和 toString()
转义字符
转义字符 | 说明 |
---|---|
\’ | 英文单引号 |
\’’ | 英文双引号 |
\n | 换行符 |
document.write() 中换行,则应该用 <br/>
alert() 中换行用,则应该用 \n
注释
单行注释
// 单行注释
/* 多行注释 */
流程控制
顺序结构
JavaScript
按照代码从上到下、从左到右的顺序执行
选择结构
if
if(条件) // 条件为真,执行 {}
{
....
}
if … else …
if(条件) // 条件为真执行 { }, 否则执行 else 部分
{
....
}
else
{
....
}
if 嵌套及多向选择
if
多项选择
if(条件1)
{
....
}
else if(条件2)
{
....
}
else
{
....
}
if嵌套
if(条件1)
{
if(条件2)
{
....
}
else
{
....
}
}
else
{
if(条件2)
{
....
}
else
{
....
}
}
switch 语句
switch(判断值)
{
case 取值1:
语块1; break;
case 取值2:
语块2; break;
......
case 取值n:
语句块n; break;
default:
语句块n+1;
}
循环结构
while
while(条件)
{
// 当条件为 true,循环执行
}
do … while
do
{
....
}while(条件);
for
for(初始化表达式; 条件表达式; 循环后操作)
{
....
}
函数
函数定义
没有返回值的函数
function 函数名(参数1, 参数2, ..., 参数n)
{
....
}
有返回值的函数
function 函数名(参数1, 参数2, ..., 参数n)
{
....
return 返回值;
}
全局变量与局部变量
全局变量: 主程序中定义,从定义开始,一直到整个程序结束为止
局部变量: 一般在函数中定义,函数之中可以使用,函数之外不能使用
函数调用
直接调用
一般用于没有返回值的函数
函数名(实参1, 实参2, ..., 实参n)
在表达式中调用
一般用于有返回值的函数
超链接中调用
在超链接中调用,指的是在 a
元素的 href
属性中使用 javascript:函数名
的形式调用函数。当用户点击超链接时,就会调用该函数
欢迎关注我公众号:AI悦创,有更多更好玩的等你发现!
公众号:AI悦创【二维码】
AI悦创·编程一对一
AI悦创·推出辅导班啦,包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发」,全部都是一对一教学:一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然,还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线,随时响应!微信:Jiabcdefh
C++ 信息奥赛题解,长期更新!长期招收一对一中小学信息奥赛集训,莆田、厦门地区有机会线下上门,其他地区线上。微信:Jiabcdefh
方法一:QQ
方法二:微信:Jiabcdefh
- 0
- 0
- 0
- 0
- 0
- 0