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日

相关文章

  • eval有时候也可以用,而且有奇效

    eval,一个我曾经避之不及的函数,最近我对它产生了一点新的感触:eval有时候也可以用,有奇效。 一般在使用js进行开发时,是不建议使用eval这类函数的。在JavaScript中,eval可以计算传入的字符串,将其当作js代码来执行。因为它可执行js代码的特性,有可能被第三方利用,传入恶意js代码执行,因此这个函数存在安全风险。再加上eval执行的速度低…

    JavaScript 2023年4月18日
    00
  • ECMAScript modules规范示例详解

    下面我来详细讲解一下“ECMAScript modules规范示例详解”的完整攻略。 什么是ECMAScript modules规范 ECMAScript modules规范是一种JavaScript模块化的规范,它从ES6开始被引入,并且已成为JavaScript语言中的模块标准。它提供了一种将JavaScript代码封装并重用的方法,使得代码更加可维护和…

    JavaScript 2023年5月27日
    00
  • Window.Open打开窗体和if嵌套代码

    下面我就来详细讲解一下“Window.Open打开窗体和if嵌套代码”的完整攻略。 Window.Open打开窗体 Window.Open 是一种在浏览器中打开新窗口的方法。它有几个参数可以设置:新窗口的 URL 地址、窗口大小和位置、是否允许调整窗口大小、是否允许工具栏和状态栏等。 下面是一个示例,展示如何通过 Window.Open 打开一个新窗口: &…

    JavaScript 2023年6月11日
    00
  • 一篇文章搞定echarts地图轮播高亮

    下面是详细讲解“一篇文章搞定echarts地图轮播高亮”的完整攻略: 1.准备工作 在开始操作之前,你需要准备以下工具和技能: 计算、理解经纬度坐标系并能熟练使用echarts中的地图组件 熟练使用javascript编程语言 确保已经完成了echarts库和其依赖库的安装 2. 地图轮播高亮思路 地图轮播高亮的核心思路,是通过定时器不断切换并高亮指定点的策…

    JavaScript 2023年6月11日
    00
  • 容易被忽略的JS脚本特性

    当谈及 JavaScript 时,很大程度上是关于语言的各种高级功能的讨论。然而,JS仍然是一个拥有许多特性和行为的非常奇妙的语言。在编写 JS 代码时,有一些特性是容易被忽略的,但它们可以为代码库的性能和可维护性提供实质性的帮助。下面是一些容易被忽略的 JS 特性的攻略。 在if语句条件中使用赋值表达式 JS 的赋值表达式因其高效而广为人知,但它们也可以通…

    JavaScript 2023年6月10日
    00
  • utf-8编码引起js输出中文乱码的解决办法

    下面是关于“utf-8编码引起js输出中文乱码”的解决办法的完整攻略。 问题描述 当我们在使用 JavaScript 输出中文时,如果页面的编码方式为 utf-8,那么经常会出现中文乱码的问题。就算页面的编码设置正确且合法,但还是无法避免可能遇到的中文输出乱码问题。接下来我们将介绍如何解决这个问题。 解决办法 一个常见的解决方法是将需要输出的中文字符转为 u…

    JavaScript 2023年5月20日
    00
  • JS中的进制转换以及作用

    JS中的进制转换是非常重要的基础知识之一,下面为您详细讲解。 进制转换的作用 在计算机领域中,进制转换是一项非常重要的操作,它可以将不同进制的数字之间互相转换。通常我们所见到的数字都是十进制的(使用10个数字0~9),但是在计算机内部,数字常常需要使用其他进制进行表示,如二进制、八进制、十六进制等。在进行网络通讯、文件存储以及数据传输等时,进制转换都是一个极…

    JavaScript 2023年5月19日
    00
  • es6中的解构赋值、扩展运算符和rest参数使用详解

    关于ES6中的解构赋值、扩展运算符和rest参数使用详解,具体内容如下: 一、解构赋值 解构赋值是ES6最常用的功能之一,可以快速的将数组或对象中的值,直接赋值给变量。示例如下: 1.1 数组解构赋值 const arr = [1, 2, 3]; const [a, b, c] = arr; console.log(a, b, c); // 输出: 1, 2…

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