首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript初识

JavaScript初识

作者头像
时间静止不是简史
发布2020-07-26 00:17:04
3420
发布2020-07-26 00:17:04
举报
文章被收录于专栏:Java探索之路Java探索之路

JavaScript

1、概念

一种直译式的脚本语言,是一种动态类型、弱类型、基于原型的语言

2、作用

实现页面动态效果 表单的校验 背景图片的更换 操作节点信息

3、组成

ECMA+DOM+BOM

ECMAScript:JavaScript的核心 文档对象模型(DOM):是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由点层级构成的文档 。 浏览器对象模型(BOM):对浏览器窗口进行访问和操作

4、特点

脚本语言 基于对象 事件驱动 简单性 安全性 跨平台性

JS中的变量

测试代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Js变量</title>
	</head>
	
	<script>
	/*Js:弱类型语言  不需声明变量类型 */
		var a=-1;
		var b="2";
		var c="你好";
		var d=true;
		var e=new Date();
		var f=1.32
		
		alert(a);
	</script>
	<body>
	</body>
</html>

注: A、js中的变量的名称和java中标识符的命名保持一致。 B、js中变量名称是可重复的,但后者的名称会把前者的名称值覆盖。 C、js中末尾即使没有分号结束也是可以的,但是不推荐这样书写。

JS中的数据类型

number(数字类型的数据) string(字符串类型) boolean(布尔数据类型) object(对象类型) undefined(未定义) NaN(不是一个数字) not a number null(空对象)

测试代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>变量类型</title>
		
		<script>
			var a=1;//number
			var b=1.2;//number
			var c='您';//string
			var d="我们";//string
			var e=true;//boolean
			var f=new Date();//object
			alert(typeof f);
			
			var aa;//undefined
			var bb="123a";//string
			alert(Number(bb));//NaN
			var cc=null;
			var  dd="";
			alert(typeof cc);//null
			alert(typeof dd);//string
		</script>
	</head>
	<body>
	</body>
</html>

JS中的运算符

算数运算符

+  -  *  /  %   ++   --

逻辑运算符

&   |   !   &&   ||   ^   <   >   <=  >=   !=

连接符(+)

不同类型作为连接,比如string类型和number之间的“+”

运算符(+)

实现number类型数据的加法运算

等值符

==,等值符:先比较类型 如果类型一致,在比较内容 如果类型不一致, 这时候会进行强制转换统一转number类型,然后再进行内容的比较

等同符

====,等同符:先比较类型 如果类型一致,在比较内容 如果类型不一致 直接返回false;

测试代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>	
		<script>
			var a=10;
			var b=12.2;
			//alert(a+b);//22.2
			
			var c="123";
			//alert(a+c);//10123
			//alert(a+c+b);//+:相同类型作加号,不同类型作连接符,类似Java
			
		    var  f1=true;// 1
			var  f2="true";// NAN
			var  f3=1;//1
			var  f4="1";//1

			alert(f1==f2);//F
			alert(f1==f3);//T
			alert(f1==f4);//T
			alert(f2==f3);//F
			alert(f2==f4);//F
			alert(f3==f4);//T
			
			
			alert(f1===f2);//F
			alert(f1===f3);//F
			alert(f1===f4);//F
			alert(f2===f3);//F
			alert(f2===f4);//F
			alert(f3===f4);//F
			
		</script>
	</head>
	<body>
	</body>
</html>

JS中的控制语句

包括 if、if…else…、if… elseif …else…、for循环、while、do…while、switch语句 使用方法同java

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-03-27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • JavaScript
    • 1、概念
      • 2、作用
        • 3、组成
          • 4、特点
            • 算数运算符
            • 逻辑运算符
            • 连接符(+)
            • 运算符(+)
            • 等值符
            • 等同符
        • JS中的变量
        • JS中的数据类型
        • JS中的运算符
        • JS中的控制语句
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档