财经时间网 |
  • 手机客户端
  • 微信

您的位置:首页 > 财经 > 正文
传智播客详解JavaScript引入方式及基本语法
来源: 2017-09-07 14:21:49

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

图片新闻

财经时间网免费提供的行情数据以及其他资料均来自合作方,仅作为用户获取信息之目的,并不构成投资建议。财经时间网以及其合作机构不为本页面提供的信息错误、残缺、延时或因依靠此信息所采取的任何行动负责。市场有风险,投资需谨慎。

 

客户服务热线QQ:8553591  欢迎批评指正

常见问题解答     互联网违法和不良信息举报      财经时间网意见反馈留言板

Copyright @ 2008-2019 www.cjtime.cn All Rights Reserved

财经时间网 版权所有