15 个 JavaScript 与 Dart 代码示例对比

在当今的编程世界中，JavaScript 和 Dart 都是备受关注的语言。它们在语法、特性和应用场景上既有相似之处，也有不同点。下面通过 15 个代码示例来对比这两种语言。

示例 1：变量声明 JavaScript： let num = 5; var str = "Hello";

Dart： int num = 5; String str = "Hello";

示例 2：函数定义 JavaScript： function add(a, b) { return a + b; }

Dart： int add(int a, int b) { return a + b; }

示例 3：类的定义 JavaScript（使用 ES6 类）： class Person { constructor(name) { this.name = name; } greet() { console.log(Hello, ${this.name}!); } }

Dart： class Person { String name;

Person(this.name);

void greet() { print('Hello, $name!'); } }

示例 4：数组操作 JavaScript： let arr = [1, 2, 3]; arr.push(4);

Dart： List arr = [1, 2, 3]; arr.add(4);

示例 5：条件判断 JavaScript： let age = 18; if (age >= 18) { console.log("Adult"); } else { console.log("Minor"); }

Dart： int age = 18; if (age >= 18) { print("Adult"); } else { print("Minor"); }

示例 6：循环 JavaScript（for 循环）： for(let i = 0; i < 5; i++) { console.log(i); }

Dart（for 循环）： for (int i = 0; i < 5; i++) { print(i); }

示例 7：异步操作 JavaScript（使用 async/await）： async function getData() { const response = await fetch('https://example.com/data'); const data = await response.json(); return data; }

Dart（使用 async/await）： Future getData() async { final response = await http.get('https://example.com/data'); final data = jsonDecode(await response.body); return data; }

示例 8：异常处理 JavaScript： try { // 可能出错的代码 } catch (e) { console.error(e); }

Dart： try { // 可能出错的代码 } catch (e) { print(e); }

示例 9：字符串操作 JavaScript： let str = "Hello, World!"; let newStr = str.replace("World", "Universe");

Dart： String str = "Hello, World!"; String newStr = str.replaceAll("World", "Universe");

示例 10：对象操作 JavaScript： let obj = { name: "John", age: 25 }; console.log(obj.name);

Dart： Map<String, dynamic> obj = { 'name': 'John', 'age': 25 }; print(obj['name']);

示例 11：模块导入 JavaScript（使用 ES6 模块）： import { add } from './math';

Dart： import 'math.dart' as math;

示例 12：类型推断 JavaScript： let num = 5; // 自动推断为 number 类型

Dart： var num = 5; // 自动推断为 int 类型

示例 13：空值处理 JavaScript： let value; console.log(value?? "Default");

Dart： dynamic value; print(value?? "Default");

示例 14：扩展操作符 JavaScript： let arr1 = [1, 2, 3]; let arr2 = [4, 5, 6]; let combined = [...arr1,...arr2];

Dart： List arr1 = [1, 2, 3]; List arr2 = [4, 5, 6]; List combined = arr1 + arr2;

示例 15：箭头函数 JavaScript： let multiply = (a, b) => a * b;

Dart： int multiply(int a, int b) => a * b;

通过以上 15 个示例，我们可以看到 JavaScript 和 Dart 在很多方面有相似的语法结构，但也存在一些细微的差异。选择使用哪种语言取决于具体的项目需求和开发环境。