【Web前端】JavaScript—01

2024-05-09 11:28
文章标签 web java script 01 前端 frontend

本文主要是介绍【Web前端】JavaScript—01,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1.Javascript简介

  • 简称JS,是当前最流行、应用最广泛的客户端脚本语言,用来在网页中添加一些动态效果与交互功能。
  • 在web开发领域有着举足轻重的地位。


2.JavaScript包含内容

  • 核心ECMAScript(es):提供语言的语法和基本对象(数据类型、运算符、流程控制等语句)
  • 文档对象模型(DOM):提供处理网页内容的方法和接口
  • 浏览器对象模型(BOM):提供与浏览器进行交互的方法和接口

3.JavaScript语言的特点

3.1 解释型语言

  • 解释型语言不需要手动编译。是通过解释器边编译边执行。
  • 要运行js,就需要有js的解释器(也称作js引擎)。
  • 现在使用的浏览器中,都已经自动集成了js的解释器。
  • node.js也是js引擎,都需要遵循ECMAScript标准准。

3.2 函数式编程

  • 在js编程语言中,函数的地位非常重要,可以像其他类型的值一样赋值给任意变量,也可以作为参数传递给其他函数。
  • 通过函数式编程实现功能强大灵活的代码

3.3 单线程

  • js是一个单线程的编程语言。在同一个时间段,只能做一件事,一件事做完才能继续做另一件事,单线程降低了js代码的复杂度,同时也影响了程序的效率。
  • js提供异步的编程方式,提高代码运行的速度。

3.4 面向对象

  • 可以将一组相关的功能(数据)统一封装到一个对象中,调用对象的属性和方法,完成相关的功能。

3.5 弱类型变量

  • js是一种弱类型的编程语言,对使用的数据类型没有严格的要求,会根据给定的值,判定数据类型

3.6 动态性

  • js是一种事件驱动的脚本语言,可以不需要借助web服务器就能实现对用户的输入或操作做出响应。

3.7 跨平台

  • js不依赖操作系统,依赖浏览器运行。

4.JS语法

4.1 js可以写的位置

  • 写在<script></script>中间
  • 写在元素控件触发事件属性中
  • 写成一个扩展名为.js的文件,在网页中,使用< script src="文件地址"></ script>引入

4.2 数据类型

  • undfined:只有一个值,即特殊值undifined,在声明变量后,未对其进行初始化时,这个变量值就是undifined
  • null:只有一个值,即特殊值null,null是一个空的对象指针。
  • boolean:两种值,true和false,区分大小写
  • number:有两种形式,一种是整数,一种是浮点数。如果是两个整数做除法,没有整除这一说法
  • string:字符串类型和字符类型,由16位unicode组成,不区分单引号和双引号,支持会用``特殊符号
  • 定义字符串,可以实现换行写法
  • bigint:从es11开始才引入的数据类型,比number数据类型支持的范围更大的整数值。解决了
  • number整数溢出的问题。定义时在数字后面加n,或使用BigInt(数字)的方式进行定义,只能转换整数,不能转换浮点数
  • symbol类型:从es6引入的符号类型,是唯一的并且不可修改的。
  • object类型:对象类型,是一组数据和功能(函数)的集合。
  • Array类型: 数组
  • function 函数类型 : 对于 es 来讲,函数是对象,和其他引用类型一样具有属性和方法。因此,函数名实际是一个指向函数对象的指针

这篇关于【Web前端】JavaScript—01的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

git 创建新库(git init)-01

git init # 在当前目录新建一个git代码库,查看当前目录可以看到.git 文件夹git init [project_name] # 新建一个project_name目录,将其初始化为git 代码库git clone [url] # 下载一个项目和它的整个代码历史消息

java设计模式之工厂模式--普通工厂方法模式(Factory Method)

1.普通工厂模式,就是建立一个工厂类,对实现了同一接口的一些类进行实例的创建。 2.先定义一个接口: package com.zhong.pattern.factorymethod;/*** 发送接口* @author admin**/public interface Sender {/*** 发送消息方法* @param msg*/void send(String msg);} 3

Java设计模式之代理模式2-动态代理(jdk实现)

这篇是接着上一篇继续介绍java设计模式之代理模式。下面讲解的是jdk实现动态代理。 1.)首先我们要声明一个动态代理类,实现InvocationHandler接口 package com.zhong.pattern.proxy;import java.lang.reflect.InvocationHandler;import java.lang.reflect.Method;/*** 演

java设计模式之代理模式1--静态代理

Java编程的目标是实现现实不能完成的,优化现实能够完成的,是一种虚拟技术。生活中的方方面面都可以虚拟到代码中。代理模式所讲的就是现实生活中的这么一个概念:助手。 代理模式的定义:给某一个对象提供一个代理,并由代理对象控制对原对象的引用。 1.)首先新建一个表演的接口 package com.zhong.pattern.proxy;/*** 表演接口* @author admin*

java原型(Prototype)设计模式

原型模式就是讲一个对象作为原型,使用clone()方法来创建新的实例。 public class Prototype implements Cloneable{private String name;public String getName() {return name;}public void setName(String name) {this.name = name;}@Overri

Java中23种设计模式之适配者模式

适配器模式的作用就是在原来的类上提供新功能。 主要可分为3种: 1.类适配:创建新类,继承源类,并实现新接口,例如:     class Adapter extends OldClass implements NewFunc{} 2.对象适配:创建新类持源类的实例,并实现新接口,例如:     class Adapter implements NewFunc { priva

java不依赖临时变量交换两个变量的值

java不依赖临时变量交换两个变量的值 1.简单易懂的实现方式     int a=1,b=2;     int temp = 0;     temp = a;     a = b;     b= temp; 2.算术算法 int a=1,b=2; a = a+b;// a = 1+2  b = a-b;// b = a-b --> b=3-2 -->1 a = a -b;/

Java中的SOLID原则及示例

类是任何Java应用程序的构建块。如果这些区块不强,那么建筑(即应用)将来将面临艰难时期。这实际上意味着,当应用程序范围上升或应用程序在生产或维护中面临某些设计问题时,不那么好的编写会导致非常困难的情况。 另一方面,一组精心设计和编写的类可以加速编码过程的突飞猛进,同时减少错误的数量。 在本教程中,我们将使用 5个最推荐的设计原则的示例来讨论Java中的SOLID原则,在编写类时我们应该记住这

Java比较和交换示例 - CAS算法

Java比较和交换示例 - CAS算法 由Lokesh Gupta | 提起下:多线程 一个Java 5中最好添加的是支持类,如原子操作AtomicInteger,AtomicLong等等。这些课程帮助您最大限度地减少复杂的(非必要)需要多线程的,如增加一些基本的操作代码或递减的值在多个线程之间共享。这些类内部依赖于名为CAS(比较和交换)的算法。在本文中,我将详细讨论这个概念。 1.乐观和

java并发编程之CyclicBarrier(循环栅栏)

package com.zhong;import java.util.concurrent.CyclicBarrier;/*** Cyclic意思是循环,Barrier意思是屏障,那么CyclicBarrier翻译过来就是循环栅栏。* 它是一个同步辅助类,能让一组线程互相等待,* 直到这一组线程都到了一个公共屏障点,各线程才能继续向下执行。因为该屏障能够在释放等待线程后继续重用,所以叫循环屏障。*