网站首页 > 知识剖析 正文
JavaScript 是最流行的脚本或编程语言之一,在开发专业网页时包含许多功能。它是 Web 技术的第三个最重要的层,仅次于 HTML 和 CSS。
JavaScript 以其广泛的用途而闻名,例如网站上的交互式地图、动画图形、复杂的数据管理等。每次网站所做的不仅仅是静态演示,你都可以确信 JavaScript 很可能是它的幕后推手。它允许你创建复杂的 Web 应用程序和移动应用程序。
以下是现代 JavaScript 特性,可帮助开发人员轻松完成任务。
数字分隔符
处理大量数字可能会很忙,因为它可能难以阅读。数字分隔符允许你在数字之间添加下划线。这使得大数字更具可读性。当文件被解析时,这些下划线会自动展开。
例如,你可以将 10000 写为 10_000。数字分隔符适用于所有最新版本的浏览器以及 Node.js。数字分隔符也适用于二进制、八进制和十六进制数。
Let 和 const 关键字
早些时候,JavaScript 只提供了 var 关键字来声明变量。但是使用 var 关键字声明的变量会带来一些新的挑战。第一个是如果它们在函数内部声明,则只能在函数内部访问它们。如果你声明它们是全局的,你可以在任何地方访问它们。其次,用 var 声明的变量可以重新声明。
为了克服这些问题,JavaScript 引入了两个新的声明关键字 let 和 const。用 let 声明的变量不能重新声明,而用 const 声明的变量既不能重新声明也不能更新。此外, let 和 const 具有块作用域。
私有类方法和访问器
默认情况下,类方法和属性是公共的。这意味着可以访问(所有者)类实例的每个人都可以使用该类的成员。但是私有方法和属性只能从类内部访问。可以使用哈希 # 前缀创建私有方法。
有两种类型的私有访问器。第一个是Getter,Getter 可帮助你获取类属性的值,你可以使用哈希 # 前缀定义私有 getter;第二个是setter,Setter 允许你为类属性分配值。
解构
数组和对象解构是现代 JavaScript 的另一个强大功能。它用于从数组中提取对象或项的属性。请参阅下面的示例
const obj = {name: “Dav”, age:27, city:”CHD”}
const { name, age, city} = obj;
在上面的示例中,“obj”的属性是使用对象解构提取的。因此,你可以看到对象解构是使用大括号完成的,数组解构是使用方括号完成的。
结论
JavaScript 有许多很棒的功能,并且会定期添加新功能。上面的 JavaScript 特性肯定会帮助你的下一个项目,好处是你可以在需要时学习它们。你可以开始在 .js 文件中编写纯 JavaScript,然后通过添加新功能和概念来改进它。
- 上一篇: Qt实现在线地图之Qt与js之间的交互
- 下一篇: cesium.js神了,让3d地图变得惊艳无比
猜你喜欢
- 2024-11-17 VueBaiduMap-可能是Vue接入百度地图的最佳组件了
- 2024-11-17 cesium.js神了,让3d地图变得惊艳无比
- 2024-11-17 Qt实现在线地图之Qt与js之间的交互
- 2024-11-17 最佳的思维导图生成工具——markmap 使用教程
- 2024-11-17 详解前端代码的sourceMap原理——让你不再为调试代码发愁
- 2024-11-17 Wine 6.8 版本发布:已支持 JavaScript 中的 Map 对象
- 2024-11-17 高水准 Vue 百度地图组件Vue-BaiduMap
- 2024-11-17 javascript+canvas开发一个塔防游戏1地图创建
- 2024-11-17 souce-map-js + Vue 还原生成环境报错,让JS报错无所遁形
- 2024-11-17 解密 JavaScript 中的数据结构:Map vs Object
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)