JavaScript语言的基本语法、window 对象、URLSearchParams 对象

文章目录

    • 什么是 JavaScript 语言?
      • JavaScript 广泛的使用领域
      • JavaScript 的性能优势
      • JavaScript 的基本语法
    • window 对象
    • URLSearchParams 对象

什么是 JavaScript 语言?

JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”(script language),指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序(比如浏览器)的“脚本”。

JavaScript 也是一种嵌入式(embedded)语言。它本身提供的核心语法不算很多,只能用来做一些数学和逻辑运算。JavaScript 本身不提供任何与 I/O(输入/输出)相关的 API,都要靠宿主环境(host)提供,所以 JavaScript 只合适嵌入更大型的应用程序环境,去调用宿主环境提供的底层 API。

目前,已经嵌入 JavaScript 的宿主环境有多种,最常见的环境就是浏览器,另外还有服务器环境,也就是 Node 项目。

从语法角度看,JavaScript 语言是一种“对象模型”语言。各种宿主环境通过这个模型,描述自己的功能和操作接口,从而通过 JavaScript 控制这些功能。但是,JavaScript 并不是纯粹的“面向对象语言”,还支持其他编程范式(比如函数式编程)。这导致几乎任何一个问题,JavaScript 都有多种解决方法。阅读本书的过程中,你会诧异于 JavaScript 语法的灵活性。

JavaScript 的核心语法部分相当精简,只包括两个部分:基本的语法构造(比如操作符、控制结构、语句)和标准库(就是一系列具有各种功能的对象比如ArrayDateMath等)。除此之外,各种宿主环境提供额外的 API(即只能在该环境使用的接口),以便 JavaScript 调用。以浏览器为例,它提供的额外 API 可以分成三大类。

  • 浏览器控制类:操作浏览器
  • DOM 类:操作网页的各种元素
  • Web 类:实现互联网的各种功能

如果宿主环境是服务器,则会提供各种操作系统的 API,比如文件操作 API、网络通信 API等等。这些你都可以在 Node 环境中找到。

JavaScript 广泛的使用领域

1)浏览器的平台化
2)Node项目
3)数据库操作
4)移动平台开发
5)内嵌脚本语言
6)跨平台的桌面应用程序

JavaScript 的性能优势

1、优势:易学性:
(1)学习环境无处不在;
(2)简单性;
(3)与主流语言的相似性;
2.强大的性能:
(1)灵活的语法、表达能力强;
(2)支持编译运行
(3)事件驱动和非阻塞式设计
3.开放性;

JavaScript 的基本语法

语句:
JavaScript 程序的执行单位为行(line),也就是一行一行地执行。一般情况下,每一行就是一个语句。
语句(statement)是为了完成某种任务而进行的操作,比如下面就是一行赋值语句。
JavaScript定义语句使用var进行定义
变量:
概念:变量是对“值”的具名引用。变量就是为“值”起名,然后引用这个名字,就等同于引用这个值。变量的名字就是变量名。
定义变量例如:

var a = 1;

如果只是声明变量而没有赋值,则该变量的值是undefined。undefined是一个特殊的值,表示“无定义”。

var a;
a // undefined

变量提升:
JavaScript 引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,这就叫做变量提升(hoisting)。

var a;
console.log(a);
a = 1

上面这个命令在控制台(console)显示变量a的值。这时变量a还没有声明和赋值,所以这是一种错误的做法,但是实际上不会报错。因为存在变量提升,真正运行的是下面的代码

标识符:
标识符(identifier)指的是用来识别各种值的合法名称。最常见的标识符就是变量名,以及后面要提到的函数名。JavaScript 语言的标识符对大小写敏感,所以aA是两个不同的标识符。
标识符有一套命名规则,不符合规则的就是非法标识符。JavaScript 引擎遇到非法标识符,就会报错。
简单说,标识符命名规则如下。

  • 第一个字符,可以是任意 Unicode 字母(包括英文字母和其他语言的字母),以及美元符号($)和下划线(_)。
  • 第二个字符及后面的字符,除了 Unicode 字母、美元符号和下划线,还可以用数字0-9

注释:
源码中被 JavaScript 引擎忽略的部分就叫做注释,它的作用是对代码进行解释。JavaScript 提供两种注释的写法:一种是单行注释,用//起头;另一种是多行注释,放在/**/之间。

// 这是单行注释

/*
 这是
 多行
 注释
*/

window 对象

Window 对象的描述
Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。例如,可以只写 document,而不必写 window.document。
同样,可以把当前窗口对象的方法当作函数来使用,如只写 alert(),而不必写 Window.alert()。
除了上面列出的属性和方法,Windos 对象还实现了核心 JavaScript 所定义的所有全局属性和方法。
Window 对象的 window 属性和 self 属性引用的都是它自己。当你想明确地引用当前窗口,而不仅仅是隐式地引用它时,可以使用这两个属性。除了这两个属性之外,parent 属性、top 属性以及 frame[] 数组都引用了与当前 Window 对象相关的其他 Window 对象。

Window 对象是 JavaScript 层级中的顶层对象。
Window 对象代表一个浏览器窗口或一个框架。

URLSearchParams 对象

概述:URLSearchParams对象是浏览器的原生对象,用来构造、解析和处理 URL 的查询字符串(即 URL 问号后面的部分)。
它本身也是一个构造函数,可以生成实例。参数可以为查询字符串,起首的问号?有没有都行,也可以是对应查询字符串的数组或对象。
URLSearchParams API用于处理URL之中的查询字符串,即问号之后的部分。

在MDN上可以查看该接口的所有方法和释义:
https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams

  • URLSearchParams.append(name, value)
    -append()方法用来追加一个查询参数。

  • URLSearchParams.delete(name)
    -delete()方法用来删除指定的查询参数。

  • URLSearchParams.get(name) :
    -get()方法用来读取查询字符串里面的指定键。它接受键名作为参数。

  • URLSearchParams.getAll(name) : Array
    -获取指定搜索参数的所有值,返回是一个数组。

  • URLSearchParams.has(name) :
    -has()方法返回一个布尔值,表示查询字符串是否包含指定的键名。

  • URLSearchParams.set(name, value)
    -set()方法用来设置查询字符串的键值。

  • URLSearchParams.sort() :
    -sort()方法对查询字符串里面的键进行排序,规则是按照 Unicode 码点从小到大排列。
    该方法没有返回值,或者说返回值是undefined

  • URLSearchParams.toString() : toString方法返回实例的字符串形式。

  • URLSearchParams.keys(),URLSearchParams.values(),URLSearchParams.entries()
    -这三个方法都返回一个遍历器对象,供for...of循环遍历。它们的区别在于,keys方法返回的是键名的遍历器,values方法返回的是键值的遍历器,entries返回的是键值对的遍历器。

你可能感兴趣的:(javascript,前端,开发语言)