JS代码规范

本文详细介绍了JavaScript的主要特点,包括其简单的语法、作为客户端脚本语言的角色、事件驱动模型、DOM操作、面向对象编程、动态类型以及异步编程。同时,文章还汇总了JS编码规范,如使用严格模式、导入导出、比较运算符、变量声明、字符串表示及对象创建。此外,还提及了遍历对象和数组的方法以及Object.keys()和Object.values()的使用。
摘要由CSDN通过智能技术生成

传送门: TS代码规范


JavaScript(简称 JS)是一种广泛用于网页和应用程序开发的脚本编程语言。它属于解释型语言,可以在客户端和服务器端执行。JavaScript使得网页具有交互性,能够实现动态效果、表单验证、数据处理等功能。

JS主要特点:

    1.入门简单:JavaScript的语法相对简单,并借鉴了其他编程语言如C和Java的部分语法特性,使其易于入门。

    2.客户端脚本语言:JavaScript最初是为在Web浏览器中执行而设计的,主要用于前端开发。通过嵌入在HTML页面中,可以实现网页的动态效果和交互性。

    3.事件驱动:JavaScript基于事件模型,可以在用户操作或文档状态改变时触发相应的事件,并运行事件处理函数。

    4.强大的DOM操作:通过Document Object Model(DOM),JavaScript可以访问和操纵HTML和XML文档的元素、属性和样式,实现对网页内容的增删改查操作。

    5.面向对象编程(OOP):JavaScript支持面向对象编程的特性,包括封装、继承和多态性。它使用原型链来实现对象的属性和方法的继承。

    6.动态类型语言:JavaScript是一种动态类型语言,变量的类型在运行时确定。这使得开发过程更加灵活,但也需要更多的注意类型转换和错误处理。

    7.异步编程:JavaScript支持异步编程,通过回调函数、Promise和Async/Await等方式处理异步操作,以避免阻塞用户界面或服务器响应。

汇总一些JS的Coding规范

  1. 严格模式,并遵循ES6规范!
'use strict';
  1. 导入和导出使用标准import和export
import { es6 } from './AirbnbStyleGuide';
export default es6;
  1. 比较运算符优先使用===!==
const num = 1;
num === 0;
num !== 2;
  1. 变量声明使用const和let,拒绝用var!
const a = 1;
let b = 2;
const this_is_array = [2,3,6,8];
  1. 字符串使用单引号
const msg = 'This is a string';
  1. 声明Object对象的例子:
const linux = {
    //attirbute
    version: 20.2,


    //attirbute of func
    getPid(cmd) {
        return cmd;
    },
};
  1. 分别用inof来遍历对象和数组
for (let i in linux) {
    console.log(i);
    console.log(linux[i]);
}



for (let v of this_is_array) {
    console.log(v);
}
  1. 查看对象的所有属性名称或所有属性的值

    先定义了一个对象 obj,它有三个属性 a、b 和 c。使用内置的静态方法Object.keys() 方法来获取 obj 的所有属性名称,使用Object.values() 方法返回obj的所有属性的值的数组,我们将它们打印到控制台上试试看。
    (需要注意的是,Object.keys() 方法只返回对象自身的可枚举属性的名称,而不包括从原型链上继承下来的属性。如果需要获取所有属性名称,包括从原型链上继承下来的属性,可以使用 for…in 循环遍历整个属性链。Object.values()也是一样。)

const obj = { a: 1, b: 2, c: 3 };

console.log(Object.keys(obj)); // 输出 [ 'a', 'b', 'c' ]
console.log(Object.values(obj)); // 输出 [ 1, 2, 3 ]


传送门: TS代码规范

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

木法星人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值