JavaScript:基本语法(变量与函数的定义与使用)

文章目录

  • script 标签
    • src
    • defer 延迟加载
  • 基本语法
    • 定义变量 与 使用变量
      • 基本类型
      • typeof 查看变量类型
      • 复合类型
        • 数组类型定义
        • 对象类型定义
    • 函数
      • 定义函数
      • 使用函数

script 标签

src

和scc一样可以内嵌也可以外src外引。
一般是推荐外引。

<script src="idx.js">script>

defer 延迟加载

等html都加载完再执行,就不用把script放到下面了。

<script src="idx.js" defer></script>

基本语法

定义变量 与 使用变量

变量类型分为两大类:基本类型 和 复合类型。

基本类型

基本类型分为五大类:数值类型、字符串类型、布尔类型、undefined类型、null类型。

var a = 10.7
var b = 'ssdfsdfsd'
var c = false
var d // undefined
var e = document.getElementById("xx1") // 找不到id为xx1的元素时  null

console.log(a)
console.log(b)
console.log(c)
console.log(d)
console.log(e)

JavaScript:基本语法(变量与函数的定义与使用)_第1张图片

typeof 查看变量类型

typeof 作为运算符 typeof() 作为方法。
作用是一样的。

console.log(typeof(a))
console.log(typeof(b))
console.log(typeof c)
console.log(typeof d)
console.log(typeof e)

JavaScript:基本语法(变量与函数的定义与使用)_第2张图片

复合类型

符合类型分为三种:数组类型、对象类型、函数类型。

数组类型定义

与java数组的区别:1、数组长度可变 2、没有越界 3、不用同类型

var arr = [34, 56, 78, 90, "xx", undefined, false, null, [45, 67]]
arr.push(80)
console.log(arr)
console.log(arr.length)
console.log(arr[2])

JavaScript:基本语法(变量与函数的定义与使用)_第3张图片

对象类型定义

var obj = {
    name: "xx",
    age: 31, 
    sex: "男", 
    banks: ["中国银行","建设银行", "工商银行"],
    wife: {
        name: "yy",
        age: 20,
        sex: "女",
        banks: ["平安银行", "工行"]
    },
    children: [{
        name: "zz",
        age: 2
        },
        {
            name: "aa",
            age: 1
        }
    ]
}

console.log(obj.name)
console.log(obj.banks[1])
console.log(obj.children[1].name)

JavaScript:基本语法(变量与函数的定义与使用)_第4张图片
当我们想要一个变量作为变量,而不是obj中的属性时,用如下访问方法:

console.log(obj["name"])

for (var  key in obj) {
    console.log(obj[key])
}

函数

定义函数

// 命名函数
function test(a, b){
    console.log("我是个函数1")
}

// 匿名函数
var f = function(a, b){
    console.log("我是个函数2")
}

在这里插入图片描述

使用函数

1、基本使用 函数名加()

test(5, 6)

2、函数整体作为值来使用

setInterval(test, 1000)

在这里插入图片描述
3、函数返回值作为值来使用

function test(a, b){
    console.log("我是个函数1")
    return 8
}
var a = test();
console.log(a)

JavaScript:基本语法(变量与函数的定义与使用)_第5张图片

你可能感兴趣的:(JavaScript,javascript,开发语言,前端)