编程笔记 html5cssjs 064 JavaScrip语言规则

2024-01-30 19:20

本文主要是介绍编程笔记 html5cssjs 064 JavaScrip语言规则,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

编程笔记 html5&css&js 064 JavaScrip语言规则

  • JavaScript 有哪些基本的语言规则?

接下来正式接触编程语言了,每一门语言都有一些基本的语言规则,这些规则有些在没有具体使用之前可能不好理解,初学者简单了解就可以了,如果有其他编程语言基础的,就比较好理解了,或者全部内容学完以后回头再看,这些规则可能更能概括这门语言的全貌。

JavaScript 有哪些基本的语言规则?

JavaScript 作为一门脚本语言,具有以下基本的语言规则:

  1. 变量声明

    • JavaScript 使用 var(在 ES6 后推荐使用 letconst)关键字来声明变量。例如:
      var age; // 声明一个未初始化的变量
      let name = "Aniu"; // 声明并初始化一个变量
      const PI = 3.14159; // 声明常量,值一旦被赋予就不能改变
      
  2. 数据类型

    • JavaScript 支持多种数据类型,包括但不限于:stringnumberbooleannullundefinedobjectarrayfunctionsymbol(ES6 新增)、bigint(ES10 新增)。
  3. 表达式与运算符

    • 支持各种算术运算符(+、-、*、/、%)、比较运算符(=、!=、!==、<、<=、>、>=)、逻辑运算符(&&、||、!)等。
    • 简写赋值运算符(+=、-=、*=、/=、%=),以及条件运算符(三元运算符 condition ? exprIfTrue : exprIfFalse)。
  4. 控制结构

    • 条件语句:if...elseswitch...case
    • 循环结构:forwhiledo...whilefor...in(遍历对象属性)、for...of(遍历可迭代对象)
    • 跳转语句:breakcontinuereturn
  5. 函数定义

    • 函数可以通过 function 关键字定义:
      function greet(name) {console.log("Hello, " + name);
      }
      
    • 或者使用 ES6 中的箭头函数语法:
      const greet = (name) => console.log(`Hello, ${name}`);
      
  6. 作用域和闭包

    • JavaScript 有全局作用域和函数作用域(在 ES6 中引入了块级作用域 letconst)。
    • 闭包是指有权访问另一个函数作用域中的变量的函数,即使该函数已经关闭(执行完毕)。
  7. 字符串和数组

    • 字符串是不可变的,并提供了许多方法如 .length.charAt().substring() 等。
    • 数组是有序的数据集合,可以动态调整大小,支持索引访问和多种操作方法如 .push().pop().slice().map() 等。
  8. 对象和类

    • 对象通过 {} 定义,可以包含任意数量的属性(键值对)。
    • ES6 引入了类(class)的概念,允许开发者创建基于原型的面向对象系统。
  9. 异步编程

    • JavaScript 主要通过回调函数、Promise、async/await 等机制处理异步操作。
  10. 注释

    • 单行注释:// 这是一个单行注释
    • 多行注释:/* 这是一个 多行注释 */
  11. 执行顺序

    • 在HTML文件中按顺序执行。
    • 被调用时执行。
  12. 大小写敏感。

  13. 行尾分号可有可无。

以上只是部分基础语法规则,JavaScript 的完整语法规则还包括异常处理、模板字符串、解构赋值、扩展运算符等多种特性。

这篇关于编程笔记 html5cssjs 064 JavaScrip语言规则的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/661280

相关文章

Vue3 的 shallowRef 和 shallowReactive:优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

JVM 的类初始化机制

前言 当你在 Java 程序中new对象时,有没有考虑过 JVM 是如何把静态的字节码(byte code)转化为运行时对象的呢,这个问题看似简单,但清楚的同学相信也不会太多,这篇文章首先介绍 JVM 类初始化的机制,然后给出几个易出错的实例来分析,帮助大家更好理解这个知识点。 JVM 将字节码转化为运行时对象分为三个阶段,分别是:loading 、Linking、initialization

Spring Security 基于表达式的权限控制

前言 spring security 3.0已经可以使用spring el表达式来控制授权,允许在表达式中使用复杂的布尔逻辑来控制访问的权限。 常见的表达式 Spring Security可用表达式对象的基类是SecurityExpressionRoot。 表达式描述hasRole([role])用户拥有制定的角色时返回true (Spring security默认会带有ROLE_前缀),去

浅析Spring Security认证过程

类图 为了方便理解Spring Security认证流程,特意画了如下的类图,包含相关的核心认证类 概述 核心验证器 AuthenticationManager 该对象提供了认证方法的入口,接收一个Authentiaton对象作为参数; public interface AuthenticationManager {Authentication authenticate(Authenti

Spring Security--Architecture Overview

1 核心组件 这一节主要介绍一些在Spring Security中常见且核心的Java类,它们之间的依赖,构建起了整个框架。想要理解整个架构,最起码得对这些类眼熟。 1.1 SecurityContextHolder SecurityContextHolder用于存储安全上下文(security context)的信息。当前操作的用户是谁,该用户是否已经被认证,他拥有哪些角色权限…这些都被保

Spring Security基于数据库验证流程详解

Spring Security 校验流程图 相关解释说明(认真看哦) AbstractAuthenticationProcessingFilter 抽象类 /*** 调用 #requiresAuthentication(HttpServletRequest, HttpServletResponse) 决定是否需要进行验证操作。* 如果需要验证,则会调用 #attemptAuthentica

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

Java架构师知识体认识

源码分析 常用设计模式 Proxy代理模式Factory工厂模式Singleton单例模式Delegate委派模式Strategy策略模式Prototype原型模式Template模板模式 Spring5 beans 接口实例化代理Bean操作 Context Ioc容器设计原理及高级特性Aop设计原理Factorybean与Beanfactory Transaction 声明式事物

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template