JS 基本概念详细介绍

目录
  • 1、JS的特点
    • 1.1 多范式
    • 1.2 解释
    • 1.3单线程
    • 1.4 非阻塞
    • 1.5 高级
    • 1.6 动态类型
  • 2、学习策略
  • 3、基础知识

许多人在深入研究 Javascript 之前忽略了 Javascript 的理论方面。这些概念帮助我们了解构建 Javascript 应用程序时所采用的不同路径和模式。这些模式存在于 JS Land 的每个框架中，因此在学习语言本身之前了解这些概念很有意义。

1、JS的特点

1.1 多范式

Javascript 支持过程式、面向对象和事件驱动的函数式编程！掌握 JS 的面向对象编程风格是非常有益的。

面向对象编程可帮助程序员更轻松地可视化软件应用程序的组件。此外，学习 Typescript（Javascript with Types）可以让程序员轻松实现行业中最好的设计模式。这些设计模式用于以最有效的方式解决软件编程中遇到的最常见问题。

这种多功能性使 Javascript 非常平易近人且非常强大。

1.2 解释

Javascript 与 C/C++ 不同，它不是一次读取程序，而是逐行解释。这就是说 JS 会比 C/C++ 等编译语言慢。

警告：  Javascript 因在运行时是一种极其被动的语言而臭名昭著，对错误进行故障排除非常困难。

不过随着时间和练习，你将学会如何流畅地运行。最常见的错误涉及你的变量返回NULL值。当此类问题确实出现时，请前往 Stack Overflow，因为我向你保证，无论错误多么离谱，你都不是第一个遇到错误的人。在你的项目进行开发时自由地使用console.log()也是一个好办法。这可以帮助您准确找出程序生命周期中的时刻，您的变量可能已经脱落。

1.3单线程

Javascript 一次只能执行一项任务。它根据类型将不同的任务排队到不同的队列中。
在最抽象的意义上，Javascript 基本上会将同步任务和异步任务分组，并将它们分开排队。

同步任务是在遇到它们时立即处理的语句，即它们立即运行。这些任务包括日志语句、变量声明、条件检查等。

异步任务涉及可能需要可变时间来返回输出的任务。异步任务的一个示例可能是从 Web API 请求信息。

此外，Javascript 还有一个 Job Queue，用于处理名为 Promises 的 JS Feature。

通过右键单击此网页并点击检查选项卡，您实际上可以看到 Javascript 的单线程特性。接下来，转到刚刚打开的窗口上的控制台选项卡。输入以下代码并按回车键。\

while(true) {}

您现在可以观察到此页面完全没有响应。这是因为此页面上的 Javascript 现在正忙于运行我们上面执行的无限 while 循环。

1.4 非阻塞

我们之前已经讨论过异步任务。由于 JS 在单线程环境中运行，默认情况下，它不会进行等待！

异步代码块只有在所有同步代码块都执行完后才会执行，而不管代码在程序中的位置如何。

console.log("我是第一个语句")

setTimeout(()=> {
console.log("我是第二个语句")
},1000)

console.log("我是第三个语句")

这里console.log()将其中的语句记录到控制台，setTimeout()函数在一秒钟后运行第二条语句。

在检查输出时

我是第一个语句
我是第三个语句
我是第二个语句

我们可以看到第三条语句在第二条语句之前记录。这是因为 JS 处理同步和异步代码块的固有方法。

1.5 高级

JavaScript 是一种高级语言。高级语言可能只是意味着它们更接近人类所说的语言。高级语言能够提供更多功能来帮助程序员更好地表达他们正在尝试构建的内容。

Javascript 的这种高级特性有助于它最好地服务于 Web 的客户端部分。过去 JS 的一个主要限制是它只能在客户端提供服务，而不能像大多数服务器端语言那样进行文件操作。

然而，这已经改变了NodeJS，允许开发人员使用 Javascript 来构建后端服务器。因此，只需使用一种语言，软件开发人员就可以在服务器端和客户端进行操作。这导致全栈工程师变得突出。

1.6 动态类型

Javascript 也是一种动态类型语言。这意味着与需要为变量指定数据类型的 C 不同，我们可以type-inference在 Javascript 中使用来自动检测数据的类型，变量保存。\

// 在 C 中变量必须有数据类型。 为了将数据类型从一种类型更改为另一种类型，我们需要使用类型转换
int a = 5;
char b = "a";
float c = 7.036;

在 Javascript 中，我们使用let和const分别声明变量或常量。\

let a = 5
console.log(a) // 5
a = 'Hello World'
console.log(a) // Hello World

const b = 'JS 很酷'
console.log(b) // JS 很酷

b = '我改变主意了'
console.log(b) // Error: const cannot be changed

虽然类型推断因其易于使用而看起来是一个加分点，但它立即成为需要类型安全作为功能的大型项目的一个骗局。

出于这个原因，较大的项目使用 TypeScript，它只是 Javascript 的包装器，提供类型、接口和各种其他功能。

2、学习策略

在 JS Land 中安顿下来需要一段时间，但我有一个简单的清单，Minimum Requirements用于学习 Express 或 ReactJS 等框架。

首先，不要急于学习这些框架。你需要花点时间掌握 Vanilla Javascript。

3、基础知识

  • 变量和常量
  • 条件块（if-else）
  • 循环（for、while、forEach）
  • 开关盒（Switch Case）
  • 方法（Functions）

这些是你必不可少的编程基础。

高级部分（最低要求）

  • 异步/等待
  • Promises
  • Javascript 中的类
  • Rest/Spread 语法
  • 数组/对象迭代器
  • 数组解构
  • 模块（导入、导出）

在构建项目时继续学习，很快你就会对语言有很强的掌握。

到此这篇关于JS 基本概念详细介绍的文章就介绍到这了,更多相关JS 基本概念内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • JavaScript中作用域链的概念及用途讲解

    从零开始讲解JavaScript中作用域链的概念及用途 引言 之前我写过一篇关于JavaScript中的对象的一篇文章,里面也提到了作用域链的概念,相信大家对这个概念还是没有很深的理解,并且这个概念也是面试中经常问到的,因为这个概念实在太重要了,在我们平时写代码时,也可能会因为作用域链的问题,而出现莫名其妙的bug,导致我们花费大量的时间都查找不出原因.所以我就准备单独写一篇关于作用域链的文章,来帮大家更好地理解这个概念. 正文 一.执行环境 首先,我们要引入一个概念,叫做执行环境(下面简称环境

  • JavaScript事件概念详解(区分静态注册和动态注册)

    js中的事件 什么是事件?事件是电脑输入设备与页面进行交互的响应,我们称之为事件 事件类型 鼠标单击:例如单击button.选中checkbox和radio等元素:鼠标进入.悬浮或退出页面的某个热点:例如鼠标停在一个图片上方或者进入table的范围: 键盘按键:当按下按键或释放按键时: HTML事件:例如页面body被加载时:在表单中选取输入框或改变输入框中文本的内容:例如选中或修改了文本框中的内容: 突变事件:主要指文档底层元素发生改变时触发的事件,如DomSubtreeModified(DO

  • node.js中process进程的概念和child_process子进程模块的使用方法示例

    本文实例讲述了node.js中process进程的概念和child_process子进程模块的使用方法.分享给大家供大家参考,具体如下: 进程,你可以把它理解成一个正在运行的程序.node.js中每个应用程序都是进程类的实例对象. node.js中有一个 process 全局对象,通过它我们可以获取,运行该程序的用户,环境变量等信息. 一.process 对象 console.log('可执行文件绝对路径', process.execPath); console.log('版本号', proce

  • javascript中的闭包概念与用法实践分析

    本文实例讲述了javascript中的闭包概念与用法.分享给大家供大家参考,具体如下: 闭包的概念:闭包是指有权访问另一个函数作用域中的变量的函数 (引自<javascript高级程序设计第三版>178页).闭包的优点是不会产生全局变量,避免变量污染问题,但是闭包也有一个缺点就是闭包携带包含它的函数作用域会比其它函数占用更多的内存,过度使用会导致内存占用过多. wiki上关于闭包的概念: In programming languages, closures (also lexical clos

  • JavaScript面向对象核心知识与概念归纳整理

    本文实例讲述了JavaScript面向对象核心知识与概念.分享给大家供大家参考,具体如下: 一.面向对象 1.1 概念 面向对象就是使用对象.面向对象开发就是使用对象开发. 面向过程就是用过程的方式进行开发.面向对象是对面向过程的封装. 1.2 三大特性 抽象性 所谓的抽象性就是:如果需要一个对象描述数据,需要抽取这个对象的核心数据 提出需要的核心属性和方法 不在特定的环境下无法明确对象的具体意义 封装性 对象是将数据与功能组合到一起,即封装 JS对象就是键值对的集合,键值如果是数据(基本数据.

  • JS 基本概念详细介绍

    目录 1.JS的特点 1.1 多范式 1.2 解释 1.3单线程 1.4 非阻塞 1.5 高级 1.6 动态类型 2.学习策略 3.基础知识 许多人在深入研究 Javascript 之前忽略了 Javascript 的理论方面.这些概念帮助我们了解构建 Javascript 应用程序时所采用的不同路径和模式.这些模式存在于 JS Land 的每个框架中,因此在学习语言本身之前了解这些概念很有意义. 1.JS的特点 1.1 多范式 Javascript 支持过程式.面向对象和事件驱动的函数式编程!

  • js Date概念详细介绍

    Date 对象用于处理日期和时间. 创建 Date 对象的语法: var myDate=new Date() Date 对象会自动把当前日期和时间保存为其初始值. 参数形式有以下5种: 复制代码 代码如下: new Date("month dd,yyyy hh:mm:ss"); new Date("month dd,yyyy"); new Date(yyyy,mth,dd,hh,mm,ss); new Date(yyyy,mth,dd); new Date(ms);

  • vue中eslintrc.js配置最详细介绍

    本文是对vue项目中自带文件eslintrc.js的内容解析, 介绍了各个eslint配置项的作用,以及为什么这样设置. 比较详细,看完能对eslint有较为全面的了解,基本解除对该文件的疑惑. /** * 参考文档 * [eslint英文文档]https://eslint.org/docs/user-guide/configuring * [eslint中文文档]http://eslint.cn/docs/rules/ */ /** * eslint有三种使用方式 * [1]js代码中通过注释

  • 前端 Vue.js 和 MVVM 详细介绍

    MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定. Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 JavaScript 库,专注于View 层.它的核心是 MVVM 中的 VM,也就是 ViewModel. ViewModel负责连接 View 和 Model,保证视图和数据的一致性,这种轻量

  • OpenStack Keystone的基本概念详细介绍

    OpenStack Keystone的基本概念详细介绍

    OpenStack Keystone的基本概念理解 Keystone简介 Keystone(OpenStack Identity Service)是OpenStack框架中,负责身份验证.服务规则和服务令牌的功能, 它实现了OpenStack的Identity API.Keystone类似一个服务总线, 或者说是整个Openstack框架的注册表, 其他服务通过keystone来注册其服务的Endpoint(服务访问的URL),任何服务之间相互的调用, 需要经过Keystone的身份验证, 来获

  • js call方法详细介绍(js 的继承)

    call 方法请参阅应用于:Function 对象要求版本 5.5调用一个对象的一个方法,以另一个对象替换当前对象. call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj 可选项.将被用作当前对象的对象. arg1, arg2, , argN 可选项.将被传递方法参数序列. 说明call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象. 如果没有提供 thisOb

  • Node.js的包详细介绍

    在Node.js语言中,包和模块并没有本质的不同,包是在模块的基础上更深一步的抽象,包将某个独立的功能封装起来,用于发布.更新.依赖管理和进行版本控制.Node.js根据CommonJS规范实现了包机制,开发了npm来解决包的发布和获取需求. Node.js的包是一个目录,其中包含JSON格式的包说明文件package.json.Node.js的包基本遵循CommonJS规范,因此具备以下特征: CommonJS规范定义的包特性: 1)顶层目录包含package.json文件: 2)bin目录存

  • Node.js 与并发模型的详细介绍

    Node.js 与并发模型的详细介绍

    目录 进程 线程 内核态线程 用户态线程 轻量级进程(LWP) 小结 协程 I/O 模型 阻塞 I/O 非阻塞 I/O 同(异)步 I/O Node.js 的并发模型 总结 前言: Node.js 现在已成为构建高并发网络应用服务工具箱中的一员,何以 Node.js 会成为大众的宠儿?本文将从进程.线程.协程.I/O 模型这些基本概念说起,为大家全面介绍关于 Node.js 与并发模型的这些事. 进程 我们一般将某个程序正在运行的实例称之为进程,它是操作系统进行资源分配和调度的一个基本单元,一般

  • vue.js实例对象+组件树的详细介绍

    vue.js实例对象+组件树的详细介绍

    vue的实例对象 首先用js的new关键字实例化一个vue el: vue组件或对象装载在页面的位置,可通过id或class或标签名 template: 装载的内容.HTML代码/包含指令或者其他组件的HTML片段,template将是我们使用的模板 **data:** 数据通过data引入到组件中 在组件中的data要以函数的形式返回数据,当不同的界面用了同一个组件时,才不会以为一个组件的值发生改变而改变其他页面的内容. {{ }} 双括号语法里面放入数据的变量 组件注册语法糖 全局组件 A方

  • Node.js模块化的使用详细介绍

    Node.js模块化的使用详细介绍

    目录 什么是模块化 编程领域中的模块化 模块化规范 Node.js中的模块化 加载模块 Node.js中的模块作用域 1. 什么是模块作用域 2. 模块作用域的好处 向外共享模块作用域中的成员 1. module对象 2. module.exports对象 共享成员时的注意点 exports对象 exports和module.exports的使用误区 Node.js中的模块化规范 什么是模块化 模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程.对于整个系统来说,模块是可组合.

随机推荐