javaScript语法总结

JavaScript语法总结

1. 变量与数据类型

JavaScript的数据类型分为基本数据类型和引用数据类型。基本数据类型包括数字、字符串、布尔值、null和undefined,引用数据类型包括对象、数组和函数。

1.1 变量的声明

在JavaScript中,通过 varletconst 关键字声明一个变量。

var 声明的变量为函数作用域,letconst 声明的变量为块级作用域。

// var 声明
function testVar() {
  var a = 1;
  if (true) {
    var a = 2;
    console.log(a); // 2
  }
  console.log(a); // 2
}

// let 声明
function testLet() {
  let a = 1;
  if (true) {
    let a = 2;
    console.log(a); // 2
  }
  console.log(a); // 1
}

testVar();
testLet();

1.2 数据类型转换

JavaScript自动将数据类型进行转换,如将字符串类型转换为数字类型。还可以手动进行类型转换,如将字符串类型转换为数字类型可以使用 Number() 方法。

let a = "1";
let b = 2;
console.log(a + b); // "12"
console.log(Number(a) + b); // 3

2. 运算符

JavaScript支持算术运算符、逻辑运算符、比较运算符等。

let a = 1;
let b = 2;
console.log(a + b); // 3
console.log(a < b); // true
console.log(a && b); // 2

3. 控制语句

JavaScript支持 if-else、for、while、switch 等条件语句。

let a = 1;
if (a === 1) {
  console.log("a 等于 1");
} else {
  console.log("a 不等于 1");
}

for (let i = 0; i < 5; i++) {
  console.log(i);
}

let j = 0;
while (j < 5) {
  console.log(j);
  j++;
}

let fruit = "Apple";
switch (fruit) {
  case "Banana":
    console.log("Yellow");
    break;
  case "Apple":
    console.log("Red");
    break;
  default:
    console.log("Unknown");
    break;
}

4. 函数

JavaScript中,函数是一组可重复使用的语句,可以接收参数,并根据这些参数执行代码。

function add(a, b) {
  return a + b;
}

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

5. 对象与数组

在JavaScript中,可以使用对象和数组来存储和操作数据。

5.1 对象

对象是一个无序的集合,其属性使用键值对表示。

let person = {
  name: "张三",
  age: 18,
  gender: "男",
  hello: function() {
    console.log("你好");
  }
};

console.log(person.name); // "张三"
person.hello(); // "你好"

5.2 数组

数组是一个有序的集合,每个元素都可以通过其索引进行访问。

let fruits = ["Apple", "Banana", "Orange"];
console.log(fruits[0]); // "Apple"
console.log(fruits.length); // 3
fruits.push("Grape");
console.log(fruits); // ["Apple", "Banana", "Orange", "Grape"]

6. 异常处理

在JavaScript中,可以使用 try-catch 语句来捕获和处理异常。

try {
  console.log(window); // ReferenceError
} catch (e) {
  console.log(e); // "window is not defined"
}

以上是 JavaScript 语法总结的攻略。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javaScript语法总结 - Python技术站

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

相关文章

  • JS中的防抖与节流及作用详解

    JS中的防抖与节流是前端开发中非常重要的内容,在处理一些高频事件的时候能够很好地提高网页的性能和用户体验。下面,我将为大家详细讲解防抖与节流的具体概念和作用。 什么是防抖和节流? 防抖 防抖的概念是指当高频事件触发时,只有在事件触发间隔达到预设值时才会触发事件处理函数。也就是说,防抖能够让高频事件在预设时间段内最多只触发一次处理函数。 具体实现时,通常使用 …

    JavaScript 2023年6月11日
    00
  • 用js实现输入提示(自动完成)的实例代码

    想要实现输入提示(autocomplete)功能,我们通常需要以下几个步骤: 1. 获取用户输入 在实现自动完成功能之前,我们首先需要获取用户的输入。在网页中,我们可以通过<input>标签来实现用户输入信息的获取,例如: <label for="username">用户名:</label> <i…

    JavaScript 2023年6月10日
    00
  • BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)

    BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)攻略 BOM(Browser Object Model)提供了一些和浏览器本身相关的对象,在前端开发中常用的就是定时器。定时器提供了一种方式来在指定时间间隔内调用函数。 setInterval() 和 setTimeout() 在定时器应用中,最常使用的是 setInterval() 和 setTime…

    JavaScript 2023年6月11日
    00
  • JavaScript中常见的继承方式总结

    JavaScript中常见的继承方式主要包括原型链继承、构造函数继承、组合继承、寄生组合继承、ES6类继承等,下面将详细介绍这些继承方式。 原型链继承 原型链继承是JavaScript中最为普遍的继承方式,它的基本思想是让一个构造函数的原型对象作为另一个构造函数的实例的原型,从而实现继承。其实现方式如下: function Parent() { this.n…

    JavaScript 2023年5月27日
    00
  • JavaScript学习笔记之ES6数组方法

    JavaScript学习笔记之ES6数组方法 JavaScript是一种高级编程语言,广泛应用于Web开发中,也是学习编程的一个重要工具。ES6是JavaScript的第六个版本,引入了许多新特性,其中包括一组有用的数组方法,能够大大简化数据集合的处理。本篇文章将深入介绍ES6数组方法,为读者提供完整的学习攻略。 一、ES6数组方法介绍 ES6引入的数组方法…

    JavaScript 2023年5月27日
    00
  • AngularJS实现的base64编码与解码功能示例

    AngularJS是一个流行的JavaScript框架,支持对前端数据进行处理和操作。Base64编码是一种将二进制数据转换成ASCII字符串的编码方式,它经常在各种场景中使用,比如网络传输、图片上传和加密等等。在AngularJS中实现Base64编码与解码功能非常简单,下面我将为大家详细介绍如何实现。 一、安装AngularJS 首先我们需要在项目中引入…

    JavaScript 2023年5月19日
    00
  • javascript在线编码查询工具

    基本介绍 “javascript在线编码查询工具”是一款web应用程序,可以用来编码和解码经常在javascript编程中使用的不同数据类型,比如文字、URL、base64等等。这个工具可以通过浏览器使用,不需要安装或者配置过程。下面我们来详细介绍如何使用这个工具。 使用步骤 打开 javascript在线编码查询工具网站:https://www.sojso…

    JavaScript 2023年5月20日
    00
  • 关于日期正则表达式的思路详解

    《关于日期正则表达式的思路详解》是一篇涉及日期格式的正则表达式文章,旨在帮助读者理解如何通过正则表达式匹配各种常见的日期格式。文章主要分为以下三个部分: 1. 常见日期格式的分析 在这一部分中,我们对常见的日期格式进行了分析,包括ISO 8601日期格式、美国日期格式、欧洲日期格式等等,同时针对每种日期格式提供了相应的正则表达式示例。 例如,我们可以通过以下…

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