1.初识Javascript

1）Javascript三部分组成

jquery前端开发实战教程电子版 javascript前端开发案例教程pdf_前端

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）转换为数值类型

jquery前端开发实战教程电子版 javascript前端开发案例教程pdf_前端_02

3）转换为布尔类型

jquery前端开发实战教程电子版 javascript前端开发案例教程pdf_开发语言_03

7. 运算符

1）算术运算符

jquery前端开发实战教程电子版 javascript前端开发案例教程pdf_开发语言_04

2）比较运算符

jquery前端开发实战教程电子版 javascript前端开发案例教程pdf_javascript_05

3）运算符优先级

jquery前端开发实战教程电子版 javascript前端开发案例教程pdf_开发语言_06

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不能声明提升。