文盲的 JavaScript 经验谈之一:认识 JavaScript

2024-02-25 20:58

本文主要是介绍文盲的 JavaScript 经验谈之一:认识 JavaScript,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文盲的 JavaScript 经验谈之一:认识 JavaScript
文盲的 JavaScript 经验谈之二:了解一下浏览器对 JS 的处理
文盲的 JavaScript 经验谈之三:认识 arguments
文盲的 JavaScript 经验谈之四:在 JS 中使用闭包



写在文章之前:
    首先声明,这里写的内容不是一个教程,如果想系统的学习 JS ,还请看其他教程,这里只是文盲自己的一些心得体会。这里不会系统的讲解 JS 的一些基础知识,只是讲述文盲自己的理解。文中的谬误之初还请大家多多提醒。

-------------------------------------------------------------------------------------------------------
认识 JavaScript :
  

JavaScript 是Netscape公司与Sun公司合作开发的。在JavaScript出现之前,Web浏览器不过是一种能够显示超文本文档的软件的基本部分。而在 JavaScript出现之后,网页的内容不再局限于枯燥的文本,它们的可交互性得到了显著的改善。JavaScript的第一个版本,即 JavaScript 1.0版本,出现在1995年推出的Netscape Navigator 2浏览器中。

在JavaScript 1.0发布时,Netscape Navigator主宰着浏览器市场,微软的IE浏览器则扮演着追赶者的角色。微软在推出IE 3的时候发布了自己的VBScript语言并以JScript为名发布了JavaScript的一个版本,以此很快跟上了Netscape的步伐。

面对微软 公司的竞争,Netscape和Sun公司联合ECMA(欧洲计算机制造商协会)对JavaScript语言进行了标准化。其结果就是 ECMAScript语言,这使得同一种语言又多了一个名字。虽说ECMAScript这个名字没有流行开来,但人们现在谈论的JavaScript实际 上就是ECMAScript。

到了1996年,JavaScript、ECMAScript、JScript——随便你们怎么称呼它,已经站稳了脚跟。Netscape和微软公司在它们各自的第3版浏览器中都不同程度地提供了对JavaScript 1.1语言的支持。

摘自《JavaScript DOM 编程艺术》 


JS 本身单独存在是没有意义的,文盲用一句话来说明 JS 的作用就是:
JS 通过继承浏览器窗口的属性和事件,用 DOM 的方法来操作,实现页面的动态效果

最简单的例子就是弹出一个提示对话框

<script>
 alert('欢迎访问文盲的博客');
 </script>


这里的 alert 实际上就是继承自 window 对象的方法,完整的书写应该是 window.alert('欢迎访问文盲的博客');

另一个例子,改变层的显示状态

<div id="tst">这里是一个层</div>
 <script>
 document.getElementById('tst').style.display = 'none';
 </script>

这里就是使用的 DOM 方法来进行操作的

由此可见,要学习 JS ,对浏览器的认识和对 DOM 的了解是必备的知识。

-------------------------------------------------------------------------------------------------------

浏览器和 DOM 的知识这里就不在单独讲述了,文盲将以几个例子阐述文盲自己的认识

-------------------------------------------------------------------------------------------------------

了解 JS 可以操作的内容及操作方式:

    前面已经讲述了 JS 的最终目的是 实现页面的动态效果,那么基本上浏览器内的内容都可以被 JS 来引用或者说继承,比如

<script>
 var winA = window.open('','_blank','');
 winA.document.write('<title>这里是一个新开的窗口</title>');
 winA.document.write('<div style="height:100px;width:100px;border:1px solid #CCCCCC;background:#EEEEEE;">A box.</div>');
 </script>

在这里,我们定义了一个变量 winA,而这个变量则是一个引用的 window 对象,这个对象是由 window.open 方法建立的。然后我们通过向 winA 这个对象中输出内容,制作了一个简单的新的页面。

这样,我们就需要理解 JS 中对变量的定义方式;

在 JS 中,变量分为两大体系,一个是值类型,另一个引用类型;

var a = 1;

这里定义的变量 a  就是值类型的

而上述例子中的 winA 就是引用类型的

值类型基本上常用的有数值型(number)、字符串型(string)、布尔型(boolen)、空类型(null)、未定义/未初始化型(undefine),还有一些不常用的比如 NaN、Infinity 等

引用类型则种类很多,比如常见的日期型(Date())、各种 DOM 对象、数组(Array())、类,以及各种可以被 JS 引用的控件类型

上述的 winA 就是一个 DOM 的对象,具体的说就是一个 window 对象,该对象含有一切一个正常浏览器所包含的各种属性、方法和事件。

这篇关于文盲的 JavaScript 经验谈之一:认识 JavaScript的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/746696

相关文章

Java空指针异常NullPointerException的原因与解决方案

《Java空指针异常NullPointerException的原因与解决方案》在Java开发中,NullPointerException(空指针异常)是最常见的运行时异常之一,通常发生在程序尝试访问或... 目录一、空指针异常产生的原因1. 变量未初始化2. 对象引用被显式置为null3. 方法返回null

一文彻底搞懂Java 中的 SPI 是什么

《一文彻底搞懂Java中的SPI是什么》:本文主要介绍Java中的SPI是什么,本篇文章将通过经典题目、实战解析和面试官视角,帮助你从容应对“SPI”相关问题,赢得技术面试的加分项,需要的朋... 目录一、面试主题概述二、高频面试题汇总三、重点题目详解✅ 面试题1:Java 的 SPI 是什么?如何实现一个

Spring中管理bean对象的方式(专业级说明)

《Spring中管理bean对象的方式(专业级说明)》在Spring框架中,Bean的管理是核心功能,主要通过IoC(控制反转)容器实现,下面给大家介绍Spring中管理bean对象的方式,感兴趣的朋... 目录1.Bean的声明与注册1.1 基于XML配置1.2 基于注解(主流方式)1.3 基于Java

SpringCloud中的@FeignClient注解使用详解

《SpringCloud中的@FeignClient注解使用详解》在SpringCloud中使用Feign进行服务间的调用时,通常会使用@FeignClient注解来标记Feign客户端接口,这篇文章... 在Spring Cloud中使用Feign进行服务间的调用时,通常会使用@FeignClient注解

Java Spring 中的监听器Listener详解与实战教程

《JavaSpring中的监听器Listener详解与实战教程》Spring提供了多种监听器机制,可以用于监听应用生命周期、会话生命周期和请求处理过程中的事件,:本文主要介绍JavaSprin... 目录一、监听器的作用1.1 应用生命周期管理1.2 会话管理1.3 请求处理监控二、创建监听器2.1 Ser

JVisualVM之Java性能监控与调优利器详解

《JVisualVM之Java性能监控与调优利器详解》本文将详细介绍JVisualVM的使用方法,并结合实际案例展示如何利用它进行性能调优,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全... 目录1. JVisualVM简介2. JVisualVM的安装与启动2.1 启动JVisualVM2

Java如何从Redis中批量读取数据

《Java如何从Redis中批量读取数据》:本文主要介绍Java如何从Redis中批量读取数据的情况,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一.背景概述二.分析与实现三.发现问题与屡次改进3.1.QPS过高而且波动很大3.2.程序中断,抛异常3.3.内存消

SpringBoot使用ffmpeg实现视频压缩

《SpringBoot使用ffmpeg实现视频压缩》FFmpeg是一个开源的跨平台多媒体处理工具集,用于录制,转换,编辑和流式传输音频和视频,本文将使用ffmpeg实现视频压缩功能,有需要的可以参考... 目录核心功能1.格式转换2.编解码3.音视频处理4.流媒体支持5.滤镜(Filter)安装配置linu

在Spring Boot中实现HTTPS加密通信及常见问题排查

《在SpringBoot中实现HTTPS加密通信及常见问题排查》HTTPS是HTTP的安全版本,通过SSL/TLS协议为通讯提供加密、身份验证和数据完整性保护,下面通过本文给大家介绍在SpringB... 目录一、HTTPS核心原理1.加密流程概述2.加密技术组合二、证书体系详解1、证书类型对比2. 证书获

Java使用MethodHandle来替代反射,提高性能问题

《Java使用MethodHandle来替代反射,提高性能问题》:本文主要介绍Java使用MethodHandle来替代反射,提高性能问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑... 目录一、认识MethodHandle1、简介2、使用方式3、与反射的区别二、示例1、基本使用2、(重要)