文章目录
javascript基础语法
如何引用js
1、定义变量
2、变量使用
3、定义函数
4、调用函数
如何引用js
<!--1、 外引 -->
<script src="javascript基础语法.js"></script>
<!--2、 内嵌 -->
<script>
alert("demo")
</script>
<!--3、 用外引的时候,里面的内嵌不起效果 -->
<!-- 如这个,alert是不执行的 -->
<script src="javascript基础语法.js">alert("demo")</script>
<!--4、 可以既有内引,又有外嵌 -->
<!-- 如下 -->
<script src="javascript基础语法.js"></script>
<script>
alert("demo")
</script>
一、定义变量
定义变量 var
定义变量时不区分类型
使用变量时区分类型
var aa = "demo"
var bb = 10
var cc = 10.8
alert(cc + aa)
二、变量使用
定义变量时不区分类型
使用变量时区分类型
数字相加时得到数字
只要有字符串,就会做字符串的拼接
1、基本类型
1. 字符串 “” ‘’
字符串 “” ‘’
用哪个都行
var aa = 'demo'
var bb = "d"
console.log(aa)
2.数字
var aa = 10
var bb = 50.7
console.log(aa)
console.log(bb)
3.布尔类型
var aa = true
var bb = false
console.log(aa)
console.log(bb)
4.undefined类型
声明一个变量,但是没给变量赋值
var aa
console.log(aa)
5.null
2、复合类型
1.数组[]通过下标进行访问
var arr = ["demo", 10, 10.9, true, undefined, null, ["hello", 20], {
name:"李四",
age: 50,
}, function f(a, b) {
console.log(a)
console.log(b)
console.log("数组的命名函数执行啦")
}, function(a, b) {
console.log(a)
console.log(b)
console.log("数组的匿名函数执行啦")
}]
console.log(arr)
console.log(arr[7].age)
console.log(arr[8])
console.log(arr[9])
arr[8](1, "a")
arr[9](2, "bb")
console.log(arr[6][0])
JavaScript本身没有二维数组的概念
2.对象{} key:value 对象.属性
var obj = {
name:"张三",
sex:"男",
age: 50,
play:["篮球","排球","羽毛球"],
wife: {
name:"李四",
sex:"女",
},
children:[{
name:"花花",
age: 15,
}, {
name:"叶叶",
age: 10,
}],
eat: function f(a, b) {
console.log(a)
console.log(b)
console.log("对象里的命名函数执行啦")
},
run: function(a, b) {
console.log(a)
console.log(b)
console.log("对象里的匿名函数执行啦")
},
}
console.log(obj)
console.log(obj.eat)
console.log(obj.run)
obj.eat(1, "a")
obj.run(2, "bb")
console.log(obj.name)
console.log(obj.play[0])
console.log(obj.wife.name)
console.log(obj.children[0].name)
3.函数
三、定义函数
3.函数 function定义函数的关键字 f方法名(a,b)参数列表 {}函数体
命名函数
命名函数调用:用 方法名() 调用 或者用 变量名() 调用
var dd = "demo"
var cc = function f(a, b) {
console.log(a)
console.log(b)
console.log("函数执行啦")
}
console. log(cc)
cc(10, "demp")
不传参也能用,不报错,但是值是undefined
匿名函数 无 方法名
匿名函数调用 变量名()
var aa = function(a, b) {
console.log(a)
console.log(b)
console.log("匿名函数执行啦")
}
aa(10.5, "hh")
console. log(aa)
四、调用函数
函数调用与交互相关
在有交互之后才调用函数
//window是整个窗口(最大)
//alert是window里面的方法
//如果调用alert,全写应该是这样的:window.alert()
//但是window一般不写,所以直接写alert()
//document是文档(第二大)
console.log(document)
//这是以html形式打印出来
console.dir(document)
//这是以对象形式打印出来
//为什么document能和人交互,
//因为document具有能与人进行交互的属性。
var aa = function(a, b) {
console.log(a)
console.log(b)
console.log("点击事件执行啦")
return "aaaa"
}
onclick点击事件
ondblclick双击
onmouseenter鼠标放上去
onmouseleave鼠标离开
window.document.onmouseleave
//应该这么写,但是window可以省略
document.onmouseleave = function(a, b) {
console.log(a)
console.log(b)
console.log("点击事件执行啦")
return "aaaa"
}
document.onmouseleave = aa
aa()
//这是调用函数,用变量调用
//给对象属性赋值的时候,调用函数时是aa,不用加括号
console.log(aa)
//这个打印结果是返回的整个函数的代码
console.log(aa())
//这个打印结果是调用完函数的返回值,就是return后面的东西
//如果确实是需要传参的话
//不能直接
document.onmouseleave = aa("123", "777")
//不然还是得到的返回值
//所以需要传参的话,应该这样写function里面去调用
document.onmouseleave = function() {
aa("123", "777")
}
总结
javascript基础语法