第五次网页前端培训笔记(JavaScript)

1.语句

以行为单位,从上往下执行

1.1.分号

分号用于分隔 JavaScript 语句。通常我们在每条可执行的语句结尾添加分号。使用分号的另一用处是在一行中编写多条语句。

2.注释

注释块不会被执行

2.1.单行注释

2.2.多行注释

//单行注释
/*多行注释*/

3.标识符

标识符用来给变量和函数进行命名,有特定的规则和规范。

  • 不能以数字开头
  • 严格区分大小写
  • 不能是关键字和保留字
  • 使用驼峰命名法或者下划线规则

4.变量

4.1.变量的声明

因为JavaScript是弱类型语言,在声明时不需要指明数据类型,直接用var修饰符进行声明。

注意:

  1. 若只有声明没有赋值,则该变量的值为undefined。
  2. 变量要有定义才能使用,若未声明就使用,JavaScript会报错。
  3. 可以在同一个val命令中声明多个变量。
  4. 二次声明一个已经存在的变量无效。
  5. 二次声明一个已经存在的变量并且赋值,则会覆盖掉前面的值。

  6. 可以赋予var各种类型的值

5.数据类型

JavaScript变量没有类型,但是数据本身有类型。

值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。

引用数据类型:对象(Object)、数组(Array)、函数(Function)。

5.1.undefined

undefined类型的值时undefined。表示一个‘无’的原始值,值不存在。

出现undefined的三种情况:

  1. 声明一个变量而没有初始化,该变量值为undefined。
  2. 调用函数时,未给形参传递实参,则该参数为undefined。
  3. 函数没有返回值,默认返回undefined。
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业</title>
	</head>
	<body>
		<script>
			var a
			console.log(a)
		
			function num1(m){
				console.log(m);
			}
			num1();
	
			function num2(n){
				console.log('hi');
			}
			var s =num2();
			console.log(s);
		</script>
	</body>
</html>

5.2.null

null类型是只有一个值的数据类型,即特殊的值null,他表示空值。可以通过将变量的值设置为 null 来清空变量。未初始化的变量和赋值为null的变量相等。

5.3.布尔类型

布尔类型有两个值:true和false,用于做判断和循环的条件。

5.4.数值型

5.4.1.整型

5.4.2.浮点型

浮点数运算时可能会不精确,需注意。

5.5.字符串

用双引号或者单引号引起来

使用+进行字符串的拼接。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业</title>
	</head>
	<body>
		<script>
			var a = 'hello';
			var b = '你好';
			console.log(a);
			console.log(b);
			console.log(a + b);
		</script>
	</body>
</html>

 

 5.6.对象

对象是一组数据和功能的集合。

6.类型转换

6.1.自动类型转换

  1. 所有值转字符串都加引号
  2. 转布尔型:有值为true,无值为false
  3. 空值为0,非空的数值型字符能转换,非数值字符串转换为NaN

 6.2.函数转换

只有对String类型调用这些方法,以下函数才正常运行

6.2.1.parseInt()

把值转化为整数。在转换之前,分析该字符串,判断位置为0处的字符,是否是个有效数字,否的话返回值NaN不再继续,如果是的话则继续,直到找到非字符。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业</title>
	</head>
	<body>
		<script>
			console.log(parseInt('123abcd'));
			console.log(parseInt('abcd'));
			console.log(parseInt('你好'));
			console.log(parseInt('123.456'));
			console.log(parseInt('12.3abcd'));
			
			var a ='1';
			var b = 2;
			console.log(a+b);
			console.log(parseInt(a)+b);
		</script>
	</body>
</html>

 

 

6.2.1.parseFloat()

同上理,其中有效数字只有一个小数点。

6.3.显示转换

6.3.1.toString()

几乎每个数对象都提供了toString()函数将内容转换为字符串形式,其中Number提供的toString()函数可以将数字转化为字符串。

 6.3.2.toFixed()

还有toFixed()函数将根据小数点后指定位数将数字转化为字符串,四舍五入。值不能为null。

 

6.3.3.Number 

 6.3.4.Boolean()

 6.3.5.String()

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值