8000字带你走进JavaScript的世界

已于 2024-09-05 11:47:08 修改
阅读量1.6k 收藏 21
点赞数 17
分类专栏： JavaScript基础知识 文章标签： javascript 开发语言
于 2024-09-01 22:15:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73281594/article/details/141791114
版权

目录

JavaScript基本使用语法

JavaScript的书写方式

老生常谈

JavaScript的注释

JavaScript数据类型与变量

定义JavaScript变量

JavaScript的基本数据类型

JavaScript变量的特点

JavaScript中的特殊数字值

JavaScript运算符

==与===

JavaScript运算符优先级

JavaScript分支与循环语句

JavaScript数组

创建数组

数组遍历

数组元素新增

数组元素的删除

JavaScript函数

函数定义

JavaScript函数形参与实参可以不匹配

JavaScript函数表达式

作用域与作用域链

作用域

作用域链

JavaScript对象

定义对象

访问对象

static关键字

继承

JavaScript基本使用语法

JavaScript的书写方式

与CSS相同，JavaScript的书写方式有三种，分别是行内式、内嵌式和分离式

  1. 行内式例如：
<input type="button" value="按钮" onclick="alert('提示文字')" >
  1. 内嵌式例如：
<body>
    
</body>
<script>
    alert('提示文字');
</script>

内嵌式一般放在<body>元素后

  1. 分离式例如：

在HTML中使用script:src引入JS文件

<script src="./分离式.js"></script>

在JS文件中写JavaScript的代码

alert("提示文字");
接下来的内容均基于分离式编写，在HTML中只引入文件，没有特殊要求不展示HTML代码

老生常谈

在JavaScript中，可以使用console.log()向网页控制台调试器打印内容（称日志），使用其打印Hello World，代码如下：

// 打印Hello World
console.log('Hello World');

查看浏览器控制台可以看到打印的内容，如下：

f927646a602c53525989218d034257a4.png

需要注意，JavaScript中的语句规范是末尾带分号，如果没有带分号，JavaScript解释器会帮助添加分号，但是不推荐

在JavaScript中，字符串可以使用双引号""，也可以使用单引号''，所以上面的代码也等同于下面：

console.log("Hello World");

JavaScript的注释

JavaScript中的注释分为单行注释和多行注释

  1. 单行注释
// 单行注释
  1. 多行注释（不可嵌套）
/*
    多行注释
*/

JavaScript数据类型与变量

定义JavaScript变量

在JavaScript中声明变量不需要指定变量的类型，一共有两种方式定义变量：

  1. 使用var定义变量（不推荐）
var a = 1;
  1. 使用let定义变量（推荐）
let a = 1;
如果既没有使用 var也没有使用 let，则定义的变量可以认定为全局变量，例如 a = 1;语句中的 a可以认为是全局变量

JavaScript的基本数据类型

变量

解释

String

字符串类型（一串文本）：字符串的值必须用引号（单双均可，必须成对）括起来。可以使用+进行字符串拼接，并且可以使用length属性查看字符串长度

Number

数字类型：无需引号。JS 中不区分整数和浮点数, 统一都使用number表示数字类型来表示.

Boolean

布尔类型（真 / 假）： true/false 是 JS 里的特殊关键字，无需引号。与Java不同，true和false可以参与运算，并且此时会被当成1和0。

Undefined

未定义类型

null

空值

// 基本数据类型
let num = 1; // number类型
let str = 'Hello World' + 'Hello World'; // string类型
console.log(str.length); // 获取字符串长度
let bool = true; // boolean类型
let n = null; // null类型
let u;// undefined类型

输出结果：
22
  • 模版字符串

在ES6之后，推出了一种特殊的字符串，使用``包裹，称为模版字符串，该字符串有以下几个特点：

  1. 字符串内容可以换行
  2. 字符串中可以嵌入变量和表达式，使用${}包裹

例如下面的代码：

// 模版字符串

let str = `模版字符串


可以换行`;
console.log(str);

// 嵌入变量
let username = '小明';
let age = 18;
console.log(`我叫${username}，今年${age}岁。`);

JavaScript变量的特点

在JavaScript中，变量都是动态弱类型变量

  • 弱类型变量和强类型变量：

强类型变量：不同类型之间的转换需要进行显示强制转换

弱类型变量：不同类型之间的转换不需要显示强制类型转换

// 定义数值类型的变量
let num = 1;
console.log(num);
// 定义字符串类型的变量
let str = 'Hello World';
console.log(str);
// 将数值类型的变量转换为字符串类型
str = num;
console.log(str);

86e98fa90c4804cb6f9d870efa1817d1.png

  • 动态类型变量与静态类型变量：

动态类型变量：在运行时可以随意改变变量的类型

静态类型变量：在运行前确定变量的类型，运行时不可以修改变量的类型

// 定义数值类型的变量
let num = 1;
console.log(typeof(num));
// 定义字符串类型的变量
let str = 'Hello World';
console.log(typeof(str));
// 将数值类型的变量转换为字符串类型
str = num;
console.log(typeof(str));

在JavaScript中可以使用typeof()函数查看参数的数据类型

0e1f2616aabb1340f3e8bd96b6f50f6b.png

JavaScript中的特殊数字值

Infinity：无穷大

-Infinity：负无穷大

NaN：非数值类型

// JavaScript中的特殊数值
console.log(1 / 0); // Infinity
console.log(-1 / 0); // -Infinity
console.log("0" / 0); // NaN

8a37eec4fbf1e09c4de6f9c9676bad85.png

JavaScript中的强制类型转换

一般情况下，为了更好地存储用户输入的数据，变量一般都是字符串类型，而此时如果是需要与数值类型进行数学运算，就需要用到强制类型转换

string转换number

将字符串转换成number可以使用下面两种方式：

  1. 使用Number()强制转换：这种方法如果在字符串中有无法转换的字符，就会转换失败返回NaN
  2. 使用parseInt()函数转换：这种方法会从第一个字符开始识别，遇到非数值字符就停止，并且因为是转换成整数，所以包括遇到小数点也停止
  3. 使用parseFloat()函数转换：这种方法同parseInt()，但是不会忽略小数点
  4. 在需要转换的字符串前加上+：最快捷的方法，可以在表达式中使用，例如let sum = +age + 1;
任意类型转换成string

将任意类型转换成string有下面的几种方式：

  1. 使用String()强制转换
  2. 使用toString()函数转换：这个函数是一个对象函数，调用对象是需要转换的字符串，参数表示进制类型，例如下面的代码：
let num = 10;
num.toString(2); // 1010

JavaScript运算符

==与===

JavaScript中的运算符与Java中的运算符基本一致，额外需要注意的是==与===

在JavaScript中，==用于判断两个变量内容是否一致，而===用于判断两个变量的类型和内容是否都一致

// == 和 ===
let num = 1;
let str = '1';
console.log(num == str); // true
console.log(num === str); // false

同样可以推出!=与!==

JavaScript运算符优先级

优先级

运算符类型

结合性

运算符

19

分组

n/a（不相关）

( … )

18

成员访问

从左到右

… . …

带计算的成员访问

从左到右

… [ … ]

new（带参数列表）

n/a

new … ( … )

函数调用

从左到右

… ( … )

可选链（Optional Chaining）

从左到右

?.

17

new（无参数列表）

从右到左

new …

16

后置递增

n/a

… ++

后置递减

… --

15

逻辑非

从右到左

! …

按位非

~ …

一元加法

+ …

一元减法

- …

前置递增

++ …

前置递减

-- …

typeof

typeof …

void

void …

delete

delete …

await

await …

14

幂

从右到左

… ** …

13

乘法

从左到右

… * …

除法

… / …

取余

… % …

12

加法

从左到右

… + …

减法

… - …

11

按位左移

从左到右

… << …

按位右移

… >> …

无符号右移

… >>> …

10

小于

从左到右

… < …

小于等于

… <= …

大于

… > …

大于等于

… >= …

in

… in …

instanceof

… instanceof …

9

相等

从左到右

… == …

不相等

… != …

一致/严格相等

… === …

不一致/严格不相等

… !== …

8

按位与

从左到右

… & …

7

按位异或

从左到右

… ^ …

6

按位或

从左到右

… | …

5

逻辑与

从左到右

… && …

4

逻辑或

从左到右

… || …

空值合并

从左到右

… ?? …

3

三元运算符

从右到左

… ? … : …

2

赋值

从右到左

… = …

… += …

… -= …

… **= …

… *= …

… /= …

… %= …

… <<= …

… >>= …

… >>>= …

… &= …

… ^= …

… |= …

… &&= …

… ||= …

… ??= …

1

逗号/序列

从左到右

… , …

JavaScript分支与循环语句

使用方式与Java中的基本相同

JavaScript数组

创建数组

在JavaScript中，一共有两种数组创建的方式：

  1. 使用new关键字创建
// 使用new关键字创建数组
let arr = new Array(1, 2, 3);
  1. 使用字面量创建数组（通过元素个数推导创建）
// 使用字面量创建数组
let arr1 = [1, 2, 3];

JavaScript的数组不要求数组中的每一个元素类型相同，例如下面的数组：

// 不同类型的元素
let arr2 = [1, 'Hello World', true, null, undefined];

数组遍历

与Java基本一致，但是在JavaScript中，如果直接打印数组名，则打印直接显示的并不是地址，而是整个数组的内容和数组的属性

// 数组遍历
let arr = [1, 2, 3];
console.log(arr);

f292ac0b6f1b28ae99debf2848892c6e.png

但是如果将数组名赋值为其他字面量，则数组会因此改变数据类型为字面量的数据类型

let arr = [1, 2, 3];
console.log(typeof(arr));
arr = "Hello World";
console.log(arr);
console.log(typeof(arr));

在JavaScript中，数组属于一个对象object类型

0c773f87470b37735782d39a6aff22a0.png

需要注意，JavaScript中如果越界访问是不会抛出越界访问异常的，相反，会打印对应下标的值为undefined

数组元素新增

在JavaScript中允许数组在运行时插入元素，一共有三种插入方式：

  1. 增加数组的length属性：扩大后的length比原来的length多出来的部分如果没有给定值则默认为undefined
let arr = [1, 2, 3];
// 1. 修改length属性
arr.length = 5;
console.log(arr); // [1, 2, 3, empty * 2]
console.log(arr[4]); // undefined
  1. 通过下标直接指定某一个位置的值：指定的下标大于原来的下标时，会将指定的值放置在指定的下标位置，此时数组的length属性也会改变，并且指定的下标与原来最大的下标中间的部分默认为undefined
let arr = [1, 2, 3];
// 2. 通过下标直接赋值
arr[5] = 5;
console.log(arr[5]); // 5
console.log(arr[4]); // undefined
  1. 使用push()方法插入：该方法传递一个参数，该参数即为需要插入的元素，默认在数组的尾部最后一个元素的下一个位置插入，并且会改变length属性
let arr = [1, 2, 3];
// 3. 使用push方法
arr.push(8);
console.log(arr[6]); // 8
console.log(arr.length); // 7

数组元素的删除

在JavaScript中，删除数组也有三种方式

  1. 减小length属性
let arr = [1, 2, 3, 4, 5];
// 1. 修改length属性
arr.length = 3;
console.log(arr); // [1, 2, 3]
console.log(arr.length); // 3
  1. 使用pop()方法：该方法没有参数，默认删除最后一个元素，并且会改变length属性
// 2. 使用pop方法
arr.pop();
console.log(arr); // [1, 2]
console.log(arr.length); // 2
  1. 使用splice()方法，该方法含有两个参数，第一个参数是删除的第一个元素的下标，第二个参数是删除元素的个数（最小为1，即删除第一个参数对应的元素）
// 3. 使用splice方法
arr.splice(0, 1);
console.log(arr); // [2]
console.log(arr.length); // 1

JavaScript函数

函数定义

在JavaScript中，定义一个函数需要使用下面的格式

function 函数名(形参列表) {
    函数体
    返回语句(可选)
}

在JavaScript中，因为函数定义不需要显示写返回值，所以是否有返回值或者返回值类型是什么取决于返回语句的有无以及返回的数据类型，例如下面的两个函数

// JavaScript函数
// 带返回值函数
function add(a, b) {
    return a + b;
}
// 调用函数，获取返回值
let sum = add(1, 2);

// 不带返回值函数
function print() {
    console.log('Hello World');
}
// 调用函数
print();

JavaScript函数形参与实参可以不匹配

在JavaScript中，函数实参的个数可以不需要与形参列表个数完全匹配（实参少于形参或实参多于形参）

  1. 实参少于形参：此时多的形参在函数内将被认为undefined，此时如果有算术运算并返回，则会返回NaN
  2. 实参多于形参：此时多的实参将会被函数形参列表忽视
// 实参多于形参
function add(a, b) {
    return a + b;
}

let sum1 = add(1, 2, 3);
console.log(sum1); // 3

// 实参少于形参
function add(a, b) {
    return a + b;
}

let sum2 = add(1);
console.log(sum2); // NaN
尽管JavaScript允许形参和实参个数不匹配，但是在实际开发中仍然建议将二者严格匹配

JavaScript函数表达式

在JavaScript中，可以使用一个变量接收函数，再通过该变量调用函数，此时函数名可以省略

// 函数表达式
let ret = function(a, b) {
    return a + b;
};

let sum = ret(1, 2);
console.log(sum); // 3

// 不省略函数名
let ret1 = function add(a, b) {
    return a + b;
};

let sum2 = ret1(1, 2);
console.log(sum2); // 3

作用域与作用域链

作用域

在JavaScript中，每一个变量拥有自己所在的作用域，而不会冲突于子域中的重定义变量，例如定义在函数外部的局部变量不会与函数内部作用域中定义的同名局部变量冲突

// 作用域
let a = 1;
function test() {
    let a = 2;
    console.log(a);
}
console.log(a); // 1
test(); // 2

作用域链

在JavaScript中，允许在函数内部继续定义一个新的函数

如果函数内部使用的变量在函数内部并不存在，则会依次向外作用域查询直到找到同名变量，称为作用域链

// 函数内部作用域存在需要使用的变量，直接使用当前作用域中的变量
let a = 1;
function test() {
    let a = 2;
    function test1() {
        let a = 3;
        console.log(a);
    }
    test1(); // 3
}
console.log(a); // 1
test(); // 3

// 函数内部作用域不存在需要使用的变量，依次向外作用域寻找
let a1 = 1;
function test() {
    function test1() {
        console.log(a1);
    }
    test1(); // 1
}
console.log(a1); // 1
test(); // 1

JavaScript对象

定义对象

在JavaScript中，一共有4种方式定义对象

  1. 直接使用let 对象名={属性}：每一个属性都是一个键值对，每一个属性由逗号分隔。如果不写属性部分不写任何内容则代表创建一个空对象。在属性中，如果需要定义方法，则该方法为匿名函数，需要注意这个函数不需要使用function关键字
// 1. 使用字面量
let people = {
    name: 'Jack',
    age: 18,

    speak: function() {
        console.log('Hello World');
    }, 

    eat: function() {
        console.log('I am eating');
    }
};
  1. 使用let 对象名=new Object()创建对象：创建后的对象默认不具备属性，可以通过对象名依次增加属性。如果需要增加方法，则可以使用函数（匿名函数）表达式
// 2. 使用new Object()
let people1 = new Object();
people1.name = 'Jack'; 
people1.age = 18;
people1.speak = function() {
    console.log('Hello World');
};
people1.eat = function() {
    console.log('I am eating');
};
  1. 使用构造函数创建对象：该构造函数实际上是一个类名为对象抽象模版，该函数参数即为创建的对象具有的属性，函数体内部使用this区分形参和属性。在创建对象时，实参作为对象的属性值。此时如果需要创建方法，同样使用函数（匿名函数）表达式
// 3. 使用构造函数
function People(name, age) {
    this.name = name;
    this.age = age;

    this.speak = function() {
        console.log('Hello World');
    };

    this.eat = function() {
        console.log('I am eating');
    };
}

let people2 = new People('Jack', 18);
  1. 使用class关键字创建对象抽象模版：在类内使用constructor代替第三种方式中的构造函数，如果需要创建方法，此时直接使用函数名+形参列表的方式即可，但是JavaScript中的属性不存在修饰符限制
// 4. 使用class关键字
class People3 {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    speak() {
        console.log('Hello World');
    }

    eat() {
        console.log('I am eating');
    }
}

let people3 = new People3('Jack', 18);

访问对象

JavaScript中访问属性有两种方式

  1. 访问对象具有的属性名
  2. 使用['属性名']访问
class People {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    speak() {
        console.log('Hello World');
    }

    eat() {
        console.log('I am eating');
    }
}

let people = new People('Jack', 18);

console.log(people.name);
console.log(people['age']);
people.speak();
people.eat();

static关键字

在JavaScript ES6标准后，因为多了class关键字，所以JavaScript也支持了静态属性和静态方法，需要注意的是，在JavaScript中，静态属性和方法不可以被对象调用

class People {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    static type = 'Human';

    speak() {
        console.log('Hello World');
    }

    eat() {
        console.log('I am eating');
    }

    static walk() {
        console.log("I'm walking");
    }
}

let people = new People('Jack', 18);
// 正常属性和方法调用
console.log(people.name);
console.log(people['age']);
people.speak();
people.eat();
// 静态属性和方法调用
console.log(People.type);
People.walk();

继承

在JavaScript ES6后，JavaScript也支持继承，继承方式类似于Java

// JavaScript继承

class People {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    static type = 'Human';

    speak() {
        console.log('Hello World');
    }

    eat() {
        console.log('I am eating');
    }

    static walk() {
        console.log("I'm walking");
    }
}

class Student extends People {
    // 学生新增属性grade
    constructor(name, age, grade) {
        super(name, age); // 使用super关键字调用父类的构造函数
        this.grade = grade;
    }

    study() {
        console.log('I am studying');
    }
}

let student = new Student('Jack', 18, 3);
// 子类访问父类的属性
console.log(student.name);
console.log(student.age);
// 子类新增属性
console.log(student.grade);
// 子类调用父类的方法
student.speak();
student.eat();
student.study();
// 子类调用父类的静态属性和静态方法
console.log(Student.type);
Student.walk();

怡晗★
关注
专栏目录
JavaScript入门
03-04
JavaScript是一种广泛..."JavaScript入门"这个主题覆盖了这些基础，从零开始带你走进JavaScript的世界。在"JavaScript-Beginner-main"这个压缩包文件中，可能包含了相关的教程、练习案例或项目，帮助你巩固这些知识。
JavaScript_从头开始的课程.zip
05-20
总的来说，这个课程将带你走进JavaScript的世界，让你理解它的基本原理，掌握核心概念，并能利用JavaScript和Node.js开发全栈应用。无论是前端开发还是后端开发，JavaScript都是现代Web开发不可或缺的一部分。通过...
现代JavaScript教程
08-13
从基础语法到高级特性的讲解，本教程将带你走进JavaScript的世界，揭示其背后的运行机制。首先，我们从基础开始，介绍变量、数据类型、运算符以及控制流语句，这些都是构建任何程序的基础。JavaScript支持动态类型，...
head first javascript 中文版.pdf
06-20
JavaScript是一种广泛应用于Web开发的脚本语言，它主要在客户端运行，为网页添加交互性，使得用户能够与页面...它将带你走进JavaScript的世界，通过生动有趣的教学方式，使你能够编写出富有活力和交互性的网页应用。
javascript高级开发+19设计模式
03-01
### JavaScript高级开发与19种设计模式解析 #### 一、引言 在现代Web开发领域，JavaScript作为一门核心语言，其重要性不言而喻。随着技术的发展，JavaScript不仅在浏览器端大放异彩，在服务器端也逐渐崭露头角。...
knowLedge-Vue I18n 是 Vue.js 的国际化插件
2301_76671906的博客
09-30 971
Vue 2 中使用 Vue I18n 插件实现中英文切换
解释器、预处理、main函数
编程语言技巧经验分享
10-07 1038
解释器覆盖范围很广，不管是解释语言的运行时解释翻译器，还是操作系统自带脚本的解释器。
JavaScript ArrayBuffer的读写与类型转换
白瑕 的博客
10-01 481
所有视图的基本单位是ArrayBuffer, ArrayBuffer中只存储二进制格式的数据.ArrayBuffer不可直接读写, 必须通过视图(比如DataView)暴露的API.
Web认识 -- 第一课
ZxVSaccount的博客
09-30 1222
这里是我们进入前端学习的开端,在本次更新之后我会陆续上传html,css,javaScript等相关语言的教程,有感兴趣的小伙伴们点点关注,未来我们一起学习!IE、火狐和谷歌是目前互联网上的三大浏览器，其他常用的浏览器还有苹果的Safari浏览器和欧朋浏览器等。对于一般的网站，只要兼容IE浏览器、火狐浏览器和谷歌浏览器，就能满足绝大多数用户的需求。本节主要简单介绍了一下关于HTML、CSS、JavaScript的一些基本概念,有感兴趣的朋友,点点关注我们一起学习,博主持续更新中!
如何使用Redisson的布隆过滤器？
付聪
10-02 451
【代码】如何使用Redisson的布隆过滤器？
React响应式修改数组和对象
警警的博客
09-30 919
React的状态是不可变的，这意味着你不能直接修改状态对象中的数组元素，而是需要创建一个新的数组来更新状态。你不能直接修改对象中的属性，而是需要创建一个新的对象来更新状态。不可变性（Immutability）：React中的状态是不可变的，这意味着你不能直接修改状态对象中的数组元素，而是需要创建一个新的数组来更新状态。避免直接修改状态：React的状态是不可变的，直接修改状态（如this.state.items.push(4)）不会触发重新渲染，因为React无法检测到这种变化。// 修改name属性。
【开源免费】基于SpringBoot+Vue.JS校园资料分享平台（JAVA毕业设计）
customer08的博客
09-30 1348
校园资料分享平台是一个B/S模式系统，采用Spring Boot框架作为开发技术，MYSQL数据库设计开发，充分保证系统的稳定性。系统具有界面清晰、操作简单，功能齐全的特点，使得校园资料分享平台管理工作系统化、规范化。
初学Vue
2302_80244686的博客
09-29 919
一套用于构建用户界面的渐进式JavaScript框架Vue可以自底向上逐层的应用。
vue2路由和vue3路由区别及原理
最新发布
qq_25416827的博客
10-07 928
Vue 3 的相较于 Vue 2 更加现代化和灵活，并且对 TypeScript 进行了更好的支持。与此同时，Vue 3 的路由实现基于 Composition API，使其能够更好地与 Vue 3 的设计理念相契合，提升了开发体验和可维护性。
【含开题报告+文档+PPT+源码】基于SSM框架的线上交易商城的设计与实现
码蜂窝编程-全网唯一毕设在线答疑，项目包运行成功，全套教学视频一站式辅导机构。
10-07 221
本课程演示的是一款校园二手交易系统，主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的 Java 学习者。包含：项目源码、项目文档、数据库脚本、软件工具等所有资料带你从零开始部署运行本套系统该项目附带的源码资料可作为毕设使用系统主要功能有：登录注册、公告管理、用户管理、商品管理、商品搜索、购物车、订单管理、用户私聊等模块。
通过JS + PHP实现简易小说采集
shamqu的博客
10-07 269
1. 通过js来循环访问本地的php文件，并传输书本网址，编号等； 2. php获取小说站相应页面的内容，存入本地文件夹，并返回结果给js 3. js根据收到的结果来进行下一步处理，如果当前书本已经采集完，则采集下一本
案例-博客页面简单实现
Dingyuan0的博客
10-06 1296
文章目录本文内容只涉及前端1. 内容要求2. 画面展示初始化面演示视频3. 注意事项4. 代码区js文件夹下的jquery.min.js内容登录代码列表页面创作页面 本文内容只涉及前端 1. 内容要求 登录页面实现 博客列表页面实现 博客创作页面实现 链接: 开源在线 Markdown 编辑器 文本框可借助开源工具 2. 画面展示 初始化面 登录界面 博客列表页面 博客创作页面 演示视频 博客页面设计
Vue基础(1)
HBR666_的博客
09-29 1307
2.数据代理的理解 通过一个对象代理对另一个对象的属性的操作（读/写） 如果直接更改obj2中的x obj中的x也会更改 即通过一个对象（obj2）对另一个对象obj的属性（x）的操作。当发现被修改时，页面中用到两者的地方会自动更新，而计算属性是依赖着data中的来改变的，则会再次调用fullName，调用get方法，达到页面中插值fullName修改的效果。2.所有不被Vue管理的函数（定时器的回调函数，ajax的回调函数等，promise的回调函数），最好写成箭头函数。3.get函数什么时候执行？
JavaScript Set基础与实战应用
软考鸭
10-01 400
Set是JavaScript中一个非常有用的数据结构，它提供了一种存储唯一值的方式。通过掌握Set的基本用法、特性以及高级操作，你可以在开发过程中更加灵活地处理集合数据。无论是去除数组中的重复元素，还是进行集合运算，Set都能提供简洁而高效的解决方案。
PHP入门教程：带你走进编程世界
这篇初级教程旨在引导初学者进入PHP的世界，采用简单易懂的教学方式，帮助读者快速掌握PHP的基础知识。 PHP最初由Rasmus Lerdorf在1994年创建，1995年开始发布公开版本。随着时间的推移，PHP不断发展，成为了Web...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

怡晗★

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值