【保姆级详细介绍JavaScript初识及基本语法】

在这里插入图片描述

🎥博主:程序员不想YY啊
💫CSDN优质创作者,CSDN实力新星,CSDN博客专家
🤗点赞🎈收藏⭐再看💫养成习惯
✨希望本文对您有所裨益,如有不足之处,欢迎在评论区提出指正,让我们共同学习、交流进步!

在这里插入图片描述

前言

JavaScript 是一种高级的、解释型的编程语言。它是一门广泛用于网页交互设计的脚本语言,并也用于许多非浏览器环境,比如 Node.js。下面,我会详细介绍 JavaScript 的基本语法。

变量

在 JavaScript 中,你可以使用 var(老旧的方式)、letconst 关键字来声明变量。

var:

var name = 'Alice';

let (引入于 ES6,即ECMAScript 2015,现在建议代替 var 使用):

let age = 25;

const (常量,声明后不能改变):

const PI = 3.14;

数据类型

JavaScript 是一种动态类型语言,这意味着不需要在声明变量时指定数据类型。数据类型会在运行时自动确定。JavaScript 中的数据类型包括:

  • 字符串 (String): 任何被引号引起来的文本。
  • 数字 (Number): 包括整数和浮点数。
  • 布尔值 (Boolean): truefalse
  • 对象 (Object): 键值对的集合。
  • 数组 (Array): 有序的值的集合。
  • 函数 (Function): 可执行的代码块。
  • Undefined: 表示未定义。
  • Null: 表示一个无值。

操作符

JavaScript 中有多种类型的操作符,包括:

  • 赋值 (=): 用于给变量赋值。
  • 数学 (+, -, *, /, %): 用于执行基本的数学操作。
  • 比较 (==, ===, !=, !==, <, >, <=, >=): 用于比较两个值。
  • 逻辑 (&&, ||, !): 用于逻辑运算。

控制结构

JavaScript 提供了标准的控制结构,例如条件语句和循环。

条件语句:

if (condition) {
  // 当条件为 true 时执行
} else {
  // 当条件为 false 时执行
}

循环:

// for 循环
for (let i = 0; i < 5; i++) {
  // 将会执行五次
}

// while 循环
let i = 0;
while (i < 5) {
  // 如果 i 小于 5,将会继续执行
  i++;
}

函数

函数是可重复使用的代码块。在 JavaScript 中,函数可以定义、调用,并且可以作为值传递。

function greet(name) {
  return 'Hello, ' + name + '!';
}

const greeting = greet('Alice');
console.log(greeting); // 输出 'Hello, Alice!'

你还可以创建匿名函数,并把它们赋值给变量:

const sum = function(a, b) {
  return a + b;
};

sum(1, 2); // 返回 3

或者使用箭头函数(ES6 特性):

const add = (a, b) => a + b;

add(1, 2); // 返回 3

对象

JavaScript 中的对象可以通过对象字面量来创建,它是一种键/值对的集合。

const person = {
  name: 'Alice',
  age: 25,
  greet: function() {
    console.log('Hello, ' + this.name + '!');
  }
};

person.greet(); // 输出 'Hello, Alice!'

数组

数组是一种特殊类型的对象,用于存储有序的值。

const fruits = ['apple', 'banana', 'cherry'];

console.log(fruits[0]); // 输出 'apple'

ES6 新特性

ES6(ECMAScript 2015)介绍了许多新特性,其中包括:

  • 箭头函数
  • (class)
  • 模板字面量 (${variable})
  • 默认参数 (function(x = 1) { ... })
  • 解构赋值 (const { a, b } = object;)
  • 扩展操作符 (...)
  • Promises 和 Async/Await 用于异步编程
  • let 和 const 范围限定的变量声明

JavaScript 基本语法涵盖的内容非常宽泛,这里仅仅是一个快速概览。
为了学习和掌握 JavaScript,你需要深入各个部分,并在实际编程中不断练习。

  • 22
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

程序员不想YY啊

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

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

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

打赏作者

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

抵扣说明:

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

余额充值