前端技术进阶(一)——Javascript深入浅出

1.初识Javascript

1)Javascript三部分组成

在这里插入图片描述

2)Javascript三种书写位置

  • 行内式
  • 内嵌式
  • 外部式

3)Javascripy注释

单行注释: ctrl+\
多行注释:shift+alt+a

2. Javascript输入和输出语句

<script>
	//输入框
	prompt("请输入你的年龄");
	//警示框
	alert("这是警示框");
	//控制台输出
	console.log("常见调试输出")
</script>

3. 变量

<script>
	var name = "benbi";
	var age = 18;
	console.log("my name is "+ name);
	console.log("my age is" + age);
</script>

3.变量的案例

输出用户输入的姓名

<script>
	var name = prompt("请输入姓名")
	alert("你的名字是" + name)
</script>

3. 数据类型

  • 简单数据类型(Number, String, Boolean, Undefined, Null)
  • 复杂数据类型(object)

4. 字符串长度

var name = 'afasdfas'
alert('长度:'+name.length)

5. 检查数据类型

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<script>
	var name ='a;sfk'
	console.log((typeof(name)))
</script>
</head>
<body>
	
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落。</p>

	
</body>
</html>

6. 数据类型转换

1)转换为字符串

方法说明案例
toString()转换为字符串var num = 1; num.toString()
String()强制转换转成字符串var num = 1; String(num)
加号拼接字符串和字符串拼接的结果都是字符串var num=1; alert( num + ‘字符串’)

2)转换为数值类型

在这里插入图片描述

3)转换为布尔类型

在这里插入图片描述

7. 运算符

1)算术运算符

在这里插入图片描述

2)比较运算符

在这里插入图片描述

3)运算符优先级

在这里插入图片描述

8. if分支语句

9. 三元表达式

10. 循环结构

11. 数组

有两种创建方式

//方式一,利用new关键字
var arr1 = new Array();
//方式二,利用数组字面量创建数组
var arr2 = [];
var arr3 = ['a', 'b', 'c'];
//数组的长度
var lh = arr1.length
//可以通过修改长度来增加元素

12. 函数

1)函数语法

function function_name(){
//函数体
}

13. 异常

try{
//异常的抛出
//可以用throw自定义err
} catch(e){
//异常的捕获和处理
}finally{
//结束处理
}

14. 变量声明提升

函数及变量的声明都将被提升到函数的最顶部。变量可以在使用后声明,也就是变量可以先使用再声明。以下两种情况将获得相同的结果:

//情况一
x = 5; 
.....
var x;
//情况二
var x;
x =  5;

注意:

  • 初始化不会提升
  • 最好再头部声明你的变量

15. this关键字

this表示当前对象的一个引用。但它不是固定不变的,它会随着执行环境的改变而改变。

  • 在方法中,this表示该方法所属的对象
  • 如果单独使用,this表示全局对象
  • 在函数中,this表示全局对象
  • 在事件中,this表示接收事件的元素

16. let和const

const 声明一个只读的常量,声明之后不可改变。和let类似,都是块级作用域
let 出现之前。在函数外声明的变量作用域是全局的;在函数内声明的变量作用域是局部的。
let 可以实现块级作用域,let声明的变量只在let命令所在的代码块{}内有效,在{}外不能访问。但let不能声明提升。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值