JavaScript学习笔记之基础语法

yizhihongxing

JavaScript学习笔记之基础语法

本篇文章旨在为初学者提供JavaScript基础语法的学习笔记。我们将通过本文的介绍,了解到JavaScript的数据类型、变量、操作符、条件语句以及循环语句的基础语法。此外,我们还会提供一些易于理解的示例说明来帮助你更好的掌握基础语法。

1. 数据类型

JavaScript有七种基础数据类型:Number、String、Boolean、Null、Undefined、Symbol 和 Object。其中Object类型还包含Function、Array等。

// 示例:定义不同数据类型的变量
let num = 2019;   // Number类型
let str = 'JavaScript';   // String类型
const bool = true;   // Boolean类型
let nul = null;   // Null类型
let und = undefined;   // Undefined类型
let sym = Symbol('symbol');   // Symbol类型
let obj = {};   // Object类型
let arr = [1, 2, 3];   // Array类型
function fun(){};   // Function类型

2. 变量

在JavaScript中,我们可以通过使用var、let或const关键词来声明变量。其中var关键词已逐渐被let和const所取代。变量声明后,我们可以对其进行赋值。变量值可以是字符串、数字、布尔值等不同类型的数据。

// 示例:定义变量
let age = 25;
const name = 'Tom';
let isStudent = true;

// 修改变量值
age = 26;
isStudent = false;

3. 操作符

JavaScript中有多种常用操作符,包括算术操作符(加、减、乘、除等)、比较操作符(大于、小于、等于等)、逻辑操作符(与、或、非等),还有特殊的三元操作符。这些操作符实现了JavaScript的计算和逻辑控制功能。

// 示例:使用操作符进行计算和逻辑控制
let a = 6;
let b = 3;
let c = 4;

console.log(a+b);   // 输出:9
console.log(b*c);   // 输出:12
console.log(a>b);   // 输出:true
console.log(b<c);   // 输出:true
console.log(a===b);   // 输出:false
console.log(a>b && b>c);   // 输出:true
console.log(a<b || b>c);   // 输出:false

4. 条件语句

JavaScript中的条件语句主要包括if语句和switch语句。if语句用来执行某些代码,当指定条件为真时。switch语句是一种更为复杂的条件语句,通常用来根据条件执行多个代码块中的一个。

// 示例:使用if语句和switch语句
let num = 9;

// if语句的示例
if(num > 0){
    console.log('num是正数');
}else if(num === 0){
    console.log('num是0');
}else{
    console.log('num是负数');
}

// switch语句的示例
switch(new Date().getDay()){
    case 0:
        console.log('今天是星期天');
        break;
    case 1:
        console.log('今天是星期一');
        break;
    case 2:
        console.log('今天是星期二');
        break;
    default:
        console.log('今天不是星期天、星期一或者星期二');
        break;
}

5. 循环语句

循环语句主要包括while语句、do/while语句和for语句。其中while语句和do/while语句用来重复执行某个语句块,只到指定条件不再为真。for语句通常用来循环一个已知的次数。

// 示例:使用循环语句实现斐波那契数列
let num1 = 0, num2 = 1, i = 1;

while(i<=10){
    let temp = num2;
    num2 += num1;
    num1 = temp;
    console.log(num1);
    i++;
}

do{
    let temp = num2;
    num2 += num1;
    num1 = temp;
    console.log(num1);
    i++;
}while(i<=20);

for(let i=1; i<=10; i++){
    let temp = num2;
    num2 += num1;
    num1 = temp;
    console.log(num1);
}

以上为JavaScript基础语法的详细介绍,通过学习文章中所列出的内容,你应该可以更好的理解JavaScript的基础语法,为后续更深层次的学习打好基础。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript学习笔记之基础语法 - Python技术站

(0)
上一篇 2023年5月18日
下一篇 2023年5月18日

相关文章

  • js代码解密代码

    下面是“JS代码解密代码”的完整攻略。 什么是JS代码加密和解密? JS代码加密是为了防止源代码被盗用和反编译,在代码中嵌入了各种加密逻辑和算法来掩盖真实的代码逻辑,以实现反编译困难的目的。 JS代码解密就是将加密的JS代码还原成原来的代码,使得我们可以正常阅读和理解其逻辑,并进行二次开发或调试。 JS代码解密步骤: 分析加密方式 首先,我们需要了解代码被加…

    JavaScript 2023年5月19日
    00
  • javascript Range对象跨浏览器常用操作第1/2页

    下面是“JavaScript Range对象跨浏览器常用操作”完整攻略。 JavaScript Range对象跨浏览器常用操作 Range对象概述 Range对象代表文档中的一个区域,通常被用于选择文本或修改文档的样式。Range对象是DOM Level 2中新引入的,但是在各个浏览器中实现不一致,所以需要跨浏览器的操作和使用。 获取Range对象 在获取R…

    JavaScript 2023年5月27日
    00
  • 学会javascript之迭代器

    学习JavaScript之迭代器 什么是迭代器 迭代器(Iterator)是一种设计模式,它是一个对象,它基于某种集合来迭代,并返回单个元素。迭代器提供了一种方法来访问集合中的元素,而不必暴露集合的内部。在JavaScript中,迭代器通常是一个包含next()方法的对象,这个方法将返回集合中的下一个元素。 如何使用迭代器 创建迭代器 要创建一个迭代器,我们…

    JavaScript 2023年5月28日
    00
  • 详解Vuex管理登录状态

    详解Vuex管理登录状态 Vuex是一个专门为Vue.js应用程序开发的状态管理库,它能够用来管理整个应用程序的状态。其中包括登录状态的管理。下面将详细讲解如何使用Vuex来管理登录状态。 步骤一:安装Vuex 首先需要使用npm或yarn安装Vuex。使用npm安装的命令如下: npm install vuex –save 步骤二:创建Vuex Stor…

    JavaScript 2023年6月11日
    00
  • javascript操作符”!~”详解

    JavaScript操作符 “!~” 详解 操作符说明 在 JavaScript 中,符号 “!~” 是两个操作符的组合。 其中 “!” 是逻辑否定运算符,用于将一个布尔值取反。如果原值为 true,则取反后的值为 false。如果原值为 false,则取反后的值为 true。 而 “~” 是位运算符 NOT,它将操作数的每个二进制位按位取反(0 变为 1 …

    JavaScript 2023年5月17日
    00
  • 表单提交验证类

    下面是关于表单提交验证类的完整攻略。 什么是表单提交验证类 表单提交验证类是一种PHP后端验证机制,用于验证用户通过表单提交的数据是否符合预期的格式和规范。通过对表单提交的数据进行验证,可以有效地防止恶意提交和错误数据的输入。 表单提交验证类的工作原理 表单提交验证类的工作原理包括以下几步: 接收表单提交的数据。 定义验证规则。包括验证规则名称、验证规则类型…

    JavaScript 2023年6月10日
    00
  • JavaScript实现动态添加、移除元素或属性的方法分析

    JavaScript实现动态添加、移除元素或属性的方法分析 动态添加元素 方法一:createElement()方法 我们可以使用createElement()方法来创建一个新的元素节点,然后将该节点添加到文档中的某个元素中作为其子元素。其基本语法为: document.createElement(tagName) 其中,tagName指定新节点的标签名称,…

    JavaScript 2023年6月10日
    00
  • JavaScript变量声明详解

    JavaScript变量声明详解 变量 在JavaScript中,一个变量是一个存储数据值的容器。在使用变量之前,需要给变量命名并声明它。声明变量是通过使用var、let或const关键字来完成的。 var声明 var是最常用的变量声明关键字,它声明的变量在函数作用域中。 function foo() { var x = 1; if (true) { var…

    JavaScript 2023年5月28日
    00
合作推广
合作推广
分享本页
返回顶部