javascript基础语法

---

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基础语法