js学习笔记

1 前言

js标签最好写在的上面；
css内容写在里面。

2 基础语法

2.1 三种js引入方式

• 行内引入

<input type="button" value="点我" onclick="alert('弹窗')">
1

• 内嵌引入

<script>
        console.log("hello,js")
</script>
1
2
3

• 外部引入

<script src="js/index.js"></script>
1

2.2 数据类型

在js里数据类型有：

• 数字（number）
• 字符串（string）
• 布尔类型（boolean）
• 空（null）
• 未定义（undefined）

2.3 定义变量

可以用关键字var、const和let声明变量。

• var可以重复定义一个变量（覆盖）。
• let是es6中新增的，可以修改值。

var num1 = 1
var num1 = 2
num1 = 3
//let声明变量
let num2 = 3
num2 = 4
1
2
3
4
5
6

• const是es6中新增的,const定义的变量不能被修改（定义常量相当于Java里的final修饰符）
  区别：let和var可以修改变量值；而let不能重复定义一个变量；let和const都是es6里新增的。

---

//定义数字
var num1 = 1
//定义字符串，用单引号或双引号
var str = '字符'
var str1 = "字符"
//定义布尔类型
var bo = true
//定义空
var nu = null
//未定义
var unde
//定义数组
var arr = []
//定义对象
var obj = {}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

2.4 数组

2.4.1 定义数组的三种方式

• 通过方法调用

var arr = Array()
//赋值
arr[0] = 11
1
2
3

• 使用new关键字

var arr1 = new Array()
1

• 使用josn数组，常用

var arr2 = []
var arr3 = [1,2,3,4]
1
2

2.4.2 数组赋值

var arr = []
arr[0] = 11
arr[1] = 22
arr[5] = 55
console.log(arr)
//未定义的
console.log(arr[2])
//定义空
arr[3] = null
console.log(arr[3])
1
2
3
4
5
6
7
8
9
10

2.4.3 打印数组

//打印数组
for(var i = 0;i<arr.length;i++){
    console.log(arr[i])
}
1
2
3
4

2.5 方法

语法：

• function 方法名(参数可无){方法体}
• var 变量名 = function(参数){}

eg:求和、作差

function sum(a,b){
    return a + b;
}
var c = sum(1,2)
console.log(c)
1
2
3
4
5

3

//作差
var aa = function(a,b){
    return a - b;
}
var cc = aa(5,4)
console.log(cc)
1
2
3
4
5
6

1

注意:

return 的作用：

• 结束当前方法，不再往下执行
• 返回值

2.6 对象

语法：

• var 对象名 = new Object()
• var 对象名 = {}

var person = new Object()
person.sex = "男"
person.name = "小明"
console.log(person)
1
2
3
4

对象、数组、方法里面可以随意嵌套

var person = {
    name:'张三',
    age:18,
    pet:{name:"小花",age:3,color:'black'},
    hobby:["篮球","羽毛球"],
    eat:function(fond){console.log("肉")}
}
console.log(person)
//获取对象里的pet对象里的name属性
console.log(person.pet.name)
1
2
3
4
5
6
7
8
9
10

2.7 内置变量arguments

Javascrip中每个函数都会有一个Arguments对象实例arguments，它引用着函数的实参，可以用数组下标的方式"[]"引用arguments的元素。arguments.length为函数实参个数，arguments.callee引用函数自身。

求和

function plus(){
    var sum = 0
    for(var i = 0;i<arguments.length;i++){
        sum += arguments[i]++
    }
    return sum
} 
console.log(plus(1,5))
1
2
3
4
5
6
7
8

输出：6

3 内置对象

• includes()是否包含该元素，返回turn和false

var arr = [1,2,3]
//数组中含有元素2返回true
console.log(arr.includes(2))
1
2
3

输出：true

• concat()连接作用

var arr = [1,2,3]
//两个数组连接在一起
console.log(arr.concat([4,5,6]))
1
2
3

• indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置，不存在的字符返回-1

var arr = [1,2,3]
console.log(arr.indexOf(2))
1
2

输出：1

• join()将数组变为字符串，默认用，隔开

var arr = [1,2,3]
console.log(arr.join("--"))
1
2