JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言。在PHP、前端、Java等语言的学习中都会涉及到,是非常重要的学习部分。对于刚接触JavaScript的人来说,最关心的是基础知识如何学习,如什么是JavaScript?它的基本语法是什么?传智播客作为一家专业的IT教育培训机构,为让更多的人快速入门,对JavaScript进行了详细的讲解。
一、JavaScript简介
1. 传智播客详解什么是JavaScript
JavaScript是网景1994年成立的,其前身为livescript。
1995的时候,Java非常的火,网景公司想借助Java推广自己的产品,因此改名为JavaScript。
2. 传智播客详解JavaScript的应用场景
如动画及表单的验证
3. 传智播客详解JavaScript语言的特点
跨平台:JS是一门跨平台性的脚本语言
基于对象:可以看出是面向对象
客户端脚本语言:在客户端运行,任何浏览器都可以运行
脚本语言和编程语言的区别:脚本语言不能独立的来完成一项工作,必须要嵌入到其他语言当中,JavaScript 是可插入HTML页面的编程代码
4. 传智播客详解JavaScript基本语法规则
1.严格区分大小写, a A
2.语句的末尾用; 表示一条语句的结束
3.所有的符号都用英文状态下输入
二、JavaScript的引入方式
1. 传智播客详解JavaScript内嵌引入方式
语法:<标签>
2. 传智播客详解JavaScript内部引入方式
语法:
可以嵌套html中的任何一个位置
3. 传智播客详解JavaScript外部文件引入方式
js文件 XX.js
1 写好js代码 存储为 XX.js
2 在 html文件中引入
3
之间不允许有空格、换行等字符
三、JavaScript基本语法
1. 传智播客详解变量
变量就是计算机内存中的一段空间,这个空间我们起名叫x,x中保存一个值是10,那么x=10
变量的特点
反复存数据
反复取数据
反复的更改里面的数据
变量初始化
语法:
var 变量名=值
var 关键字
范冰冰 冰冰 bb 2b 人给他起的
变量的命名规则
变量可以使用字母、数字、下划线和$,但是必须以字母、下划线和$开头
关键字不能做变量名(关键字:就是计算机中具有特殊含义的单词 var if )
JS中严格区分大小写 a A name1 Name1是两个不同的变量
练习命名
var a
var abc,
var ab_cd_ef1;
var _abc_efg123, 正确
var 123abcdef, 错误的
var ab-cef-aa-#, - # 错误的
var one_ce222_冰冰;
var nameif;正确
练习,同学各写6个 ,给对方 判断你命名是否正确
var abc=10
var ab=”张三丰”;
var 变量名=值
值决定了是变量的类型
2. 传智播客详解数据类型
用typeof(变量)测试数据类型
(1)基本的数据类型
number 数字
var abc=10;
var ab=-10;
var aaa=-11.11;
var abc=23.34567;
number
l string 字符串
用双引号或单引号括起来都是字符串
通常汉字、字母、标签都是字符串
var aa=”张三丰” ;
var bb=”hello world”;
var cc=”
标题
”;
var dd=”10”;
Boolean 布尔型 只有两个答案 true与false
10>29 false
第二个
l undefined 未定义,声明一个变量,没有给赋值
var aa;
l null 空;里面没有内容,什么都没有
(2)复杂的数据类型
练习
var aa=”10abc”; string
var bb=”
” ;string
var cc=120; number
var dd=10>30; Boolean
var ff; undefined
var abc=null; object
结果
document.write(变量名) ;输出结果
document.write(typeof(变量名)) ;判断数据的类型
var aa=”
”; string
var bb=”abcef111”; string
var cc=20.333; number
var dd=30<10; Boolean
var ff; undefined
var ee=null; object
3. 传智播客详解运算符
编写程序的步骤
1 变量的初始化
2 变量的运算
3 输出结果
1) 算数运算符 + - * / % ++ -- 难点
var a=10;
var b=20;
var c=a+b; /*c=30*/
document.write(c)
% 取余数
4 % 9 ====4
10 % 2 ===0
3 % 2 =====1
8 % 3 ===2
6 % 7 ===6
20 % 6 ===2
12 % 5 ,14 % 3 , 17 %5
++ 每次加1
--每次减1
第二个
是一样的
如果没有赋值的,运算的结果是一样的
++a 前自加
a++ 后自加
如果有赋值就不同
如果++a 前加加,先加1,再赋值,(+1 赋给前面的变量)
l 后加加 a++; 运算规律,先把值赋给前面的变量 ,再加1
练习
--的运算规则和++是一样
--a 和 a-- 每次减1
2) 赋值运算符: = += -= *= /*
=
var a=10;
+= -= *= /=
a+=2; ==== a=a+2;
a-=2; ==== a=a-2;
a*=2 ;======= a=a*2
a/=2; ==== a=a/2
var bb=30;
bb*=2; // bb=bb*2;
3) 字符串运算 + += (+连接符)
一个数字和字符串+ ,表示连接,数字转换为字符串
4) 比较运算 > >= < <= != == ===
判断结果是布尔型 true false
= 赋值
==判断是否相等,判断 值是否相等,不用考试 数据类型
===全等 判断值 是否相等,判断数据类型
l 练习的内容 判断下面的值是否全等
“2000” 2000
l 练习 判断 结果
30 是否大于或 等于>= 60
将结果输出
l 练习 判断 20 !=”20”
输出结果
是否完全相等
5) 逻辑运算 && || !
&& 与
左右条件都是真,结果才是真 ,其余的都是假
true && true ==true;
true && false==false;
false && true==false;
false && false ==false;
你必须180高 并且 手中有100万 ,给你介绍个杨幂
sg=170 qian=100;
sg && qian ==false;
穿红色袜子的 并且 性别是男生 , 给你放学
1 毛志阳 穿红袜子 性别是男生
穿红袜子 && 性别 男
true && true ===放学
2 李珍珍 没有穿红袜子 性别 女
false && false ==false 不放学
|| 或 :左右中有一个满足条件 就是真 true;
条件 年龄小于 18 或者 身高 190 我就和他处朋友
1 age<17 sg="">200
结果 true || true ====true
age >30 sg>200
2 false || true ====true
age<17 sg <180
true || false ===true
!true==false
!false==true;
! 非
4. 传智播客详解运算的优先级
必须的: 算数运算符 >关系运算符 (比较运算符)>逻辑运算符
age >80 || age<15
3*4 >4 || 3*5<7