JavaScript高级编程(1)——JavaScript初识
一、javascript的简介
1.1 javascript的历史回顾。
Javascript诞生于1995年。当时,它主要的目的是用来处理一些由服务器端处理的输入验证操作。在javascript没有问世之前,必须把表单数据发送到服务器端才能确定
是否没有填写某个必填项,是否输入无效值。Netscape navigator希望通过javascript解决这个问题。在人们普遍使用电话拨号上网的年代,等待验证返回是需要一种耐心的
行为。
自此以后,javascript逐渐成为市面上常见的浏览器必备 的一项特色功能。如今,javascript的用途早就不仅仅局限于简单的数据验证,而是具备了与浏览器窗口及其内
容等几乎所有方面的交互能力。今天的javascript已经成为一门功能全面的编程语言,能够处理复杂的计算与交互,拥有了闭包、匿名函数,甚至元编程的能力。
1.2 javascript的实现
一个完整的javascript应该由三部分组成:
(1)核心(ECMAScript) (2)文档对象模型(DOM) (3)浏览器对象模型(BOM)
(1)ECMAScript:
由ECMA-262定义的ECMAScript与web浏览器没有依赖关系,所以可以兼容大多数的浏览器。它的组成部分:语法,类型,语句,关键字,保留字,操作符,对象。
(2)DOM
DOM是针对XML但经过扩展的用于HTML的应用程序编程接口。它把整个页面映射为一个 多层节点结构。
(3)BOM
它作为javascript的一个部分,却没有相关的标准。但是人们习惯把所有针对浏览器的javascript扩展算作BOM的一部分。下面就是一些扩展:
1)弹出新浏览器窗口的功能;
2)移动,缩放和关闭浏览器窗口的功能;
3)提供浏览器详细信息的navigator对象;
4)提供浏览器所加载的页面的详细信息location对象;
5)提供用户显示器分辨率详细信息的screen对象;
6)对cookie的支持;
7)像XMLHttpRequest和IE的ActiveXObject这样的自定义对象;
二、在HTML中使用javascript
1、使用<script>元素 , 它具有的属性:
(1)async:可选。表示应该立即下载脚本,但不应妨碍页面的其他操作,比如下载其他资源或者等待加载其他脚本。只对外部脚本文件有效。
(2)charset:可选。表示通过src属性指定代码的字符集。由于大多数浏览器会忽略他的值因此很少使用。
(3)defer:可选。表示脚本可以延迟到文档完全被解析和显示之后在执行。只对外部脚本文件有效。
(4)src:可选。表示要执行的外部脚本文件。
(4)type:可选。表示编写代码使用的脚本语言的内容类型。
2、延迟脚本。
defer="defer":表示脚本会被延迟到整个页面解析完毕后再执行。
3、异步脚本。
async:表示不让页面等待脚本下载和执行,从而异步加载页面的其他内容,建议异步脚本不要在加载期间修改DOM。
三、基本概念。
3.1 区分大小写。3.1.2标示符:是指变量、函数、属性的名字,或者函数的参数。3.1.3严格模式。
3.2 数据类型:Undefined类型:这个值未定义。
Null类型:这个值为空。
Boolean类型:这个值是布尔型。
Number类型:这个值是数值。
String类型这个值是字符串。
Object类型:这个值是个对象或为null。
3.3 理解参数
ECMAScript函数的参数与大多数其他语言中函数的参数有所不同,ECMAScript函数不介意传递进来多少个参数,也不在乎传进来参数是什么数据类型。也就是说:
即使你定义的函数只接收两个参数,在调用这个函数时野未必一定要传递两个参数。可以传递一个、三个甚至不传递参数,而解析器永远不会有什么怨言。之所以这样,原因
是ECMAScript中的参数在内部是用一个数组来表示的。函数接收到的始终都是这个数组,而不关心数组中包含哪些参数(如果有参数的话)。如果这个数组中不包含任何元素,
无所谓;如果包含多个元素,也没有问题。实际上,在函数体内可以通过arguments对象来访问这个参数数组,从而获取传递给函数的额每一个参数。
3.4 没有重载
如果定义了两个名字相同的函数,则该名字只属于后定义的函数。也就是说后定义的函数会覆盖先定义的函数。
4.1 基本类型和引用类型的值
ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型。基本类型值指的是简单的数据段,而引用类型值指那些可能由多个值构成的对象。
在将一个值赋给变量时,解析器必须确定这个值是基本类型值还是引用类型值。基本数据类型:Undefined、null、Boolean、Number和String。这 5种基本
类型是按值访问的,因为可以操作保存在变量中的实际值。
引用类型的值是保存在内存中的对象。与其他语言不同,javascript不允许直接访问内存中的位置,也就是说不能直接操作对象的额内存空间,在操作对象的时候
实际上是在操作对象的引用而不是实际的对象,为此,引用 类型的值是按引用访问的。
JavaScript高级编程(1)——JavaScript初识的更多相关文章
- javascript高级编程笔记01(基本概念)
1.在html中使用JavaScript 1. <script> 元素 <script>定义了下列6个属性: async:可选,异步下载外部脚本文件. charset:可选, ...
- JavaScript高级编程———JSON
JavaScript高级编程———JSON < script > /*JSON的语法可以表达一下三种类型的值 简单值:使用与javas相同的语法,可以在JSON中表达字符串.数值.布尔值和 ...
- JavaScript高级编程———基本包装类型String和单体内置对象Math
JavaScript高级编程———基本包装类型和单体内置对象 <script> var stringObject = new String("hello world") ...
- JavaScript高级编程——Date类型
JavaScript高级编程——Date类型 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ...
- JavaScript高级编程——Array数组迭代(every()、filter()、foreach()、map()、some(),归并(reduce() 和reduceRight() ))
JavaScript高级编程——Array数组迭代(every().filter().foreach().map().some(),归并(reduce() 和reduceRight() )) < ...
- JavaScript高级编程——引用类型、Array数组使用、栈方法
JavaScript高级编程——引用类型.Array数组使用.栈方法 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999 ...
- JavaScript高级编程———数据存储(cookie、WebStorage)
JavaScript高级编程———数据存储(cookie.WebStorage) <script> /*Cookie 读写删 CookieUtil.get()方法根据cookie的名称获取 ...
- JavaScript高级编程(一)
书中第2章,在HTML中使用JavaScript摘要总结 2.1 <script>元素 <script>中的5个属性:charset:可选.表示通过src属性指定的代码的字符集 ...
- JavaScript高级编程 (1) - javscript是什么
<重温javascript>这是一系列 javascript 的学习笔记,部分内容摘自书本或者网络,我这里只是基于自己的理解进行了梳理整理. 一个完整的 javscript 实现是由以下3 ...
随机推荐
- C++ 使用命名规范
刚开始正式学习C++, 之前写了一个C++ 的小程序,但是并没有注意命名规范之类的.这一次重写一个类似的程序,再加上这几天学习 c++Prime(发现好喜欢这本书.虽然看的很慢,每一小节都感是满满的干 ...
- Newtonsoft.Json 时间格式化
时间序列化经常多个T:“2017-01-23T00:00:00” 解决方案: 日期格式化输出,指定IsoDateTimeConverter的DateTimeFormat即可 IsoDateTimeCo ...
- C语言内存四区的学习总结(二)---- 堆区
接上篇,内存四区的分析-静态区,下面来说明一下堆区总结. 堆区分析: 堆区(heap):一般由程序员分配释放(动态内存申请与释放),若程序员不释放,程序结束时可能由操作系统回 就下面的程序: #inc ...
- spring深入学习(三)-----spring容器内幕
之前都是说了怎么配置bean以及用法之类的,这篇博文来介绍下spring容器内幕. 内部容器工作机制 Spring中AbstractApplicationContext抽象类的refresh()方法是 ...
- C++枚举类型Enum及C++11强枚举类型用法
C++中的枚举类型常常和switch配合使用,这里用一个简单的switch控制键盘回调的代码片段来说明枚举的用法: //W A S D 前.后.左.右行走 enum Keydown{ Forward= ...
- ECharts使用—折线图动态加载
最近需求中用到折线图,单线条,多线交错,之前是散点图,用的是另一个 amcharts.js,这个文档也能找的到,回归早本次重点:ECharts 一.首先引入echarts.common.min.js文 ...
- Notes : <Hands-on ML with Sklearn & TF> Chapter 5
.caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px so ...
- 扁平化promise调用链(译)
这是对Flattened Promise Chains的翻译,水平有限请见谅^ ^. Promises对于解决复杂异步请求与响应问题堪称伟大.AngularJS提供了$q和$http来实现它:还有很多 ...
- ppt演讲者模式
步骤如下: 1 win+p 2 选择扩展 3 选幻灯片放映 4 设置幻灯片放映 5 显示器二 6 勾选显示演示者视图
- 【MySql】启动/停止
一.启动 1.查看启动命令所在目录 macdeMacBook-Pro:~ mac$ ps -ef|grep mysql 2.进入命令目录 macdeMacBook-Pro:~ mac$ cd /usr ...