JavaScript学习笔记之基础语法

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日

相关文章

  • JavaScript 面向对象与原型

    JavaScript 面向对象与原型 什么是面向对象? 面向对象编程(Object-oriented programming, OOP)是一种编程模式,它以“对象”作为程序的基本单元,通过对象之间的交互实现程序功能。面向对象编程思想中,将程序拆分成若干个模块,每个模块相当于一个对象,包含自身属性和方法。 JavaScript作为一门面向对象的语言,与其他语言…

    JavaScript 2023年5月27日
    00
  • 深入学习JavaScript中的bom

    下面是深入学习JavaScript中的BOM的完整攻略。 一、BOM是什么 BOM(Browser Object Model,浏览器对象模型)是指浏览器端的JavaScript API,它提供了访问和操作浏览器窗口的对象和方法。BOM包含了很多有用的对象和方法,例如: Window对象:代表浏览器的窗口,它是BOM的核心对象。 Location对象:提供了对…

    JavaScript 2023年6月11日
    00
  • javascript 实现字符串反转的三种方法

    当我们需要对字符串进行操作时,有时候需要对字符串进行反转操作。下面我将介绍三种常见的JavaScript实现字符串反转的方法。 方法一:使用数组的reverse()方法 步骤如下: 将字符串转为数组 使用数组的reverse()方法进行反转 使用数组的join()方法将数组转化为字符串 示例代码如下: const str = ‘Hello World!’; …

    JavaScript 2023年5月28日
    00
  • 基于React路由跳转的几种方式

    根据你的需求,我会简要介绍一下关于基于React路由跳转的几种方式,并提供两个实例说明。 1. React Router React Router 是一个开源库,可以帮助我们创建单页应用。它可以轻松管理路由,并帮助我们构建动态 UI。React Router 的基本用法如下: import { BrowserRouter as Router, Route, …

    JavaScript 2023年6月11日
    00
  • 浅析Javascript匿名函数与自执行函数

    浅析Javascript匿名函数与自执行函数 在Javascript编程中,匿名函数(Anonymous Function)和自执行函数(Immediately Invoked Function Expression,简称IIFE)是两个常被使用的概念。本文将深入浅出地讲解这两个概念的定义、用法和区别。 匿名函数 匿名函数就是没有名字的函数,也称为函数表达式…

    JavaScript 2023年5月27日
    00
  • js如何判断用户是在PC端和还是移动端访问

    判断用户是在PC端还是移动端访问是前端开发中常用的操作,这个操作可以给不同平台的用户提供不同的服务。 以下是一些方法来判断用户是在PC端还是移动端访问,其中包括使用用户代理字符串(User-Agent String)、媒体查询等不同的方式。 方法一:使用User-Agent字符串 通过检查浏览器的User-Agent字符串来判断用户是在PC端还是移动端访问。…

    JavaScript 2023年6月11日
    00
  • JavaScript encodeURI 和encodeURIComponent

    JavaScript提供了两个用于URL编码的方法:encodeURI()和encodeURIComponent()。 encodeURI() encodeURI()方法用于将整个URL编码,包括特殊字符,但不包括以下字符:/、?、&、=和#。编码后的字符是%xx,其中xx是字符的ASCII十六进制值。 下面是一个使用encodeURI()的示例: …

    JavaScript 2023年5月19日
    00
  • JS中自定义事件与观察者模式详解

    那我来为你详细讲解一下关于“JS中自定义事件与观察者模式”的攻略。 一、 什么是自定义事件和观察者模式? 1. 自定义事件 在JavaScript中,浏览器提供了一些自带的事件,如 click、mouseover 等等。但有时候,我们需要在我们自己的应用程序中创建自定义事件,这就需要用到自定义事件技术了。 自定义事件即我们自己定义的事件,类似于浏览器内置的事…

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