javaScript

棉裤裆

已于 2022-09-02 20:06:55 修改

阅读量193

点赞数

分类专栏：学习文章标签： javascript 前端开发语言

于 2022-09-02 00:11:41 首次发布

本文链接：https://blog.csdn.net/qq_45781301/article/details/126653679

版权

学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1 基本语法

1.1 变量与数据类型

// 变量使用let定义
// 数据类型包括：number、boolean、string、null、underfine(定义了未赋值)

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>

<body>
    <script>
        // prompt输入
        let num = prompt("输入一个数")
        // console.log输出
        console.log(num % 4 === 0 && num %100 !== 0)
        console.log("a" && 1)
        alert("弹出")
    </script>
</body>

</html>

1.2 if

if (条件){
    // 语句
} else if (条件2) {
    // 语句
} else {
    // 
}

1.3 三元运算符

条件 ? 条件满足执行 : 条件不满足执行

1.4 循环语句

while (循环条件){
    // break 退出
}

1.5 for

for (let i=1; i<100; i++){
    //
}

1.6 数组

let ms = new Array()

let arr = [1, 'a', 2, 3]
// 尾部删除元素，返回元素的值
alert(arr.pop())
// 删除指定位置开始的指定数量的元素
// splice(起始位置，指定数量)
arr.splice(0, 2)
// 尾部添加元素，返回数组长度
let n = arr.push('b')
alert(n)
// 头部添加元素，返回数组长度
let m = arr.unshift('c')
alert(m)
for (let i=0; i<arr.length; i++){
    console.log(arr[i])
}


// 二维数组赋值
let ms = new Array()
// let ms = []
// let nums = [[1, 2]]
for (let i=0; i<matrix.length; i++){
    ms[i] = new Array()
    for (let j=0; j<matrix[0].length; j++){
        // console.log(matrix[i])
        ms[i][j] = matrix[i][j]
    }
}
console.log(ms)

1.7 函数

function f(参数列表){
    // 函数体
    return 1
    // 返回多个值，数组形式
    return [1, 2]
}

// 调用
f(参数)

1.8 匿名函数

let f = function () {
    // 函数体
}

function g(形参){}(实参)

1.9 对象

let 对象名 = {
    属性名: 属性值,  // 属性名一般不加引号
    方法名: 函数(匿名函数)  // 方法内通过this.属性来访问属性
}

// 查看所有属性
console.log(对象名)
// 属性访问
对象名.属性名
对象名['属性名']
// 修改属性  
对象名.属性名 = 新值
// 动态新增属性
对象名.新属性名 = 值
// 删除属性
delete 对象名.属性名

// 方法访问
对象名.方法名(参数)

// 遍历属性
for (let k in 对象名){
    // k为属性名字符串，属性值只能通过 对象名[k]
    console.log(k + 对象名[k])
}


function f(){
    let a = {
        k: 10,
        s: "哈哈",
        g: function(x){
            console.log(x)
        }
    }
    console.log(a)
    a.k = 100
    a.x = 12
    delete a.s
    console.log(a["k"])
    console.log(a.s)
    console.log(a.x)
    a.g('aaaaaa')
    for (let k in a){
        console.log(k + a[k])
    }
}
f()

1.10 内置对象Math

Math.random  生成0~1的随机数
Math.ceil 向上取整
Math.floor 向下取整
Math.max 
Math.min
Math.pow  幂运算
Math.abs  绝对值


function f(n, m){
    console.log(Math.pow(10, 2))
    console.log(Math.random())

    // 求n-m之间的数
    console.log(Math.floor(Math.random()*(m-n+1))+n)
}
f(1, 10)

1.11 字符串操作

let s = 'abc'

// 获取指定位置的字符
s.chatAt(0)

// 找字符的下标
s.indexOf('a')

// 是否包含
s.includes('b')

1.12 异常捕获

try {
    //
} catch(e){
    // e.message
} finally{
    //
}

1.13 类

class 类名 extends 父类{
    constructor(参数1, 参数2) {
        // 构造函数，用于创建和初始化类
        this.参数1 = 参数1
        this.参数2 = 参数2
    }
    
    方法1() {
        
    }
    
    方法2() { ... }
}
    
 
// 使用
变量名 = new 类名(实参)