JavaScript学习笔记（介绍，变量的声明与调用，运算符）。

最新推荐文章于 2023-04-16 21:38:54 发布

我們一定得想辦法保護臭氧層！

最新推荐文章于 2023-04-16 21:38:54 发布

阅读量115

点赞数

分类专栏： javaScript 文章标签：学习笔记

本文链接：https://blog.csdn.net/weixin_43913585/article/details/90346446

版权

javaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

JavaScript学习笔记 #1

（1） JavaScript 介绍
JavaScript 是一种基于对象和事件驱动的客户端弱类型的脚本语言; 是用来给页面添加动态的功能，提供用户和界面之间的交互。

对象有三大特征: 属性行为：(主动行为:方法) ,(被动行为:事件)
对象的三大特征: 属性方法事件
属性:描述该事物的外观特征,
方法:该事物具备的主动行为,
事件:该事物具备的被动行为。

（2）JavaScript 嵌入页面的方式
方式可以分为三种:

行间嵌入

<button onclick="click()"></button>

		//在js文件javaScrpit代码中
		function click(){
			// 此处添加事件
		}

内嵌Javascript: 通过SCRIPT标签嵌入 JS程序代码块

<script type="text/javascript">
	//此处写入javaScrpit代码
</script>

外部Javascript : 通过script标签引入外部的js src属性

<script src="" type="text/javascript" charset="utf-8"></script>
//一般在</head><body>中或<body></body>中底部加入以上代码。

JavaScript中的变量的声明(ES5.0)

声明变量: var 变量名称;
初始化变量: var 变量名称=值;

			var num_1=1;
			
			var num_2;
			num_2=1;

变量名称命名规则

变量命名必须以字母或是下标符号”_”或者”$”为开头。
变量名长度不能超过 255 个字符。
变量名中不允许使用空格，首个字不能为数字。
不用使用脚本语言中保留的关键字及保留符号作为变量名。
变量名区分大小写。(javascript 是区分大小写的语言)
汉语可以作为变量名。但是不建议使用。
名称区分大小写

（3）JavaScript中的变量的调用

alert(此处输入变量名称)；
consol.log(此处输入变量名称)；
document.write(此处输入变量名称)；

			var num_1=1;
			alert(num_1);
			//运行浏览器可直接看到显示弹窗
			
			var num_1=1;
			console.log(num_1);
			//在F12控制台中可看到变量的值
			
			var num_1=1;
			document.write(num_1);
			//在html<body></body>中直接显示

JavaScript 中的数据类型与数据类型之间的转换;

数据类型：
基本的数据类型:

number(数字类型)
string(字符串)
boolean(布尔类型)
undefined(未定义的)
null(空值);
特殊数据类型:
object （对象类型）

数据类型的查看方式
typeof （~~此处输入变量名称~~ ）；

		var num=1;
		console.log(typeof(num));
		//数据类型为：number

		var str='我是字符串';
		console.log(typeof(str));
		//数据类型为：string
		
		var nudf;
		console.log(typeof(undf));
		//数据类型为undefind

数据类型的转换

字符串转为数值：
parseInt(此处输入变量名称);
parseFloat(此处输入变量名称);
数值转换为字符串：
String(此处输入变量名称);
（4） JavaScript中的运算符和表达式

算术运算符,
包括“ + ”，“ - ”，“ * ”，“ / ”，“ % （求余）”，“ ++（自增） ”，“ – （自减）”

var i,j=1;
		i=j++;
		console.log(i,j);
		//i=1,j=2

可以理解为：

i=j;
j=j+1;

自减：“–”同上

比较运算符,
包括“ < ”，“ > ”，“ <= ”，“ >= ”，“ == ”，“ !=（不等于）”
赋值运算符,
包括“=”，“+=”，“- =”，“*=”，“/=”，“%=”

		var i=1,j=2;
		i+=i;
		//i=i+i
		i+=j;
		//i=i+j

逻辑运算符,
包含“||（逻辑与）”，“&&（逻辑或）”，“!（逻辑非）”
条件运算符.
条件运算符是JavaScript支持的一种特殊的运算符。
语法：条件 ? 表达式1 : 表达式2;
说明：如果“条件”为true，则表达式的值使用“表达式1”的值；如果“条件”为false，则表达式的值使用“表达式2”的值。

		var i=1,j=2,y;
		y=(i>j)?'i>j':'i<j';
		console.log(y);
		//结果为：i<j

以上

我們一定得想辦法保護臭氧層！

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习笔记（介绍，变量的声明与调用，运算符）。

JavaScript学习笔记_#1（1） JavaScript 介绍JavaScript 是一种基于对象和事件驱动的客户端弱类型的脚本语言; 是用来给页面添加动态的功能，提供用户和界面之间的交互。对象有三大特征: 属性行为：(主动行为:方法) ,(被动行为:事件)对象的三大特征: 属性方法事件属性:描述该事物的外观特征,方法:该事物具备的主动行为,事件:该事物具备的被动行...
复制链接

扫一扫