1 前言
js标签最好写在</body>的上面；
css内容写在<head>里面。
2 基础语法
2.1 三种js引入方式
- 行内引入
<input type="button" value="点我" onclick="alert('弹窗')">
- 内嵌引入
<script> console.log("hello,js") </script>
- 外部引入
<script src="js/index.js"></script>
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
- 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 = {}
2.4 数组
2.4.1 定义数组的三种方式
- 通过方法调用
var arr = Array() //赋值 arr[0] = 11
- 使用new关键字
var arr1 = new Array()
- 使用josn数组，
常用
var arr2 = [] var arr3 = [1,2,3,4]
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])
2.4.3 打印数组
//打印数组 for(var i = 0;i<arr.length;i++){ console.log(arr[i]) }
2.5 方法
语法：
- function 方法名(参数可无){方法体}
- var 变量名 = function(参数){}
eg:求和、作差
function sum(a,b){ return a + b; } var c = sum(1,2) console.log(c)
3
//作差 var aa = function(a,b){ return a - b; } var cc = aa(5,4) console.log(cc)
1
注意:
return 的作用：
- 结束当前方法，不再往下执行
- 返回值
2.6 对象
语法：
var 对象名 = new Object()var 对象名 = {}
var person = new Object() person.sex = "男" person.name = "小明" console.log(person)
对象、数组、方法里面可以随意嵌套
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)
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))
输出：6
3 内置对象
includes()是否包含该元素，返回turn和false
var arr = [1,2,3] //数组中含有元素2返回true console.log(arr.includes(2))
输出：true
concat()连接作用
var arr = [1,2,3] //两个数组连接在一起 console.log(arr.concat([4,5,6]))
indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置，不存在的字符返回-1
var arr = [1,2,3] console.log(arr.indexOf(2))
输出：1
join()将数组变为字符串，默认用，隔开
var arr = [1,2,3] console.log(arr.join("--"))
