深入浅出JavaScript(1)

目录：

深入浅出JavaScript(1)—ECMAScript

深入浅出JavaScript(2)—ECMAScript

引:

你真的了解JavaScript吗?很多人将它看作java等面向对象语言的功能不健全语法不规范的小弟,甚至雕虫小技,对它一屑不顾。

当今，越来越多的程序员从事B/S模式的开发，加上Ajax的崛起，JavaScript已经被推到闪光灯下，大家忽然发现，JavaScript并不是一个容易掌握的技术，它几乎涉及了面向过程，对象和函数式三种程序设计语言的特点，且异常灵活，潜能无限，本人也是尽自己所能，结合前人的智慧，将自己的体验总结一下，供大家参考。

声明一下，不再赘述什么是javascript，以及它的由来，如果你没有计算机基础,只是想在网站上加点交互性,那么请绕道,直接去百度复制粘贴就可以了。

我们先从JavaScript的实现说起，一个完整的JavaScript实现由以下三个不同部分组成：

ECMAScript（核心），描述JavaScript的语法和基本对象。Javscript，JScript，ActionScript等脚本语言都是基于ECMAScript标准实现的。所以，ECMAScript实际上是一种脚本在语法和语义上的标准。

DOM（文档对象模型），是HTML和XML的应用程序接口，也就是API接口。它将整个页面规划为由节点层级构成的文档。

BOM（浏览器对象模型），是与浏览器进行交互的方法和接口。例如移动窗口，改变状态栏中的文本等。由于没有BOM标准，每种浏览器都有自己的BOM实现。

下面我们来分析一下JavaScript的核心ECMAScript语法基础。目的是深入了解JavaScript是如何运作的。

主要涉及以下内容：

变量：

当然，作为一个合格的程序员，仅仅语法正确并不是达到我们的要求，变量命名还应遵守以下著名的命名规则：

Camel标记法：首字母小写，单词以大写字母开头。例：var newTextValue="HelloWorld"。

Pascal标记法：都以大写字母开头。例:var NewTextValue="HelloWorld"。

匈牙利标记法：以Pascal标记法命名的变量名前加一个小写字母，说明该变量的类型，例如s字符串，i整数等。

数据类型：

原始类型：这种类型的变量是存储在栈区中的简单数据段，即它们的值直接存储在变量访问的位置。

引用类型：引用类型的变量是存储在堆中的对象，即存储在变量处的值是一个指针，指向存储对象的内存处。

object类：

Boolean类:

Number类：

String类：

再来两个函数

typeof：返回变量或值的类型。

例如：var sTest="my string";

Alert(typeof sTest);//outputs"string"

返回值	参数类型
undefined	Undefined
boolean	Boolean
number	Number
string	String
object	引用类型或Null

instanceof：在使用typeof运算符时采用引用类型存储值会出一个问题，无论引用的是什么类型的对此昂，它都返回“object”，所以引入instanceof来解决这个问题。instanceof方法要求程序员明确地确认对象是某种类型。

例如：

Var sObject=newString("MyTest");

Alert(sObject instanceof string);outputs "true"

类型转换：

总结：

今天主要写了关于javascript核心ECMAScript的基础知识，包括变量和数据类型，以及类型转换。这有助于我们深入理解javascript原理，下次会继续把ECMAScript写完。

文章中图，全部截自自己画的思维导图MindManager。

今天就写到这把，我会继续写下去，最后还是想说，如果只是想往网页上添一些傻瓜式的交互，请跳过本系列文章。

欢迎拍砖

深入浅出JavaScript(1)—ECMAScript相关推荐

深入浅出Javascript闭包
深入浅出Javascript闭包一.引子闭包(closure)是 JavaScript 语言的一个难点,面试时常被问及,也是它的特色,很多高级应用都要依靠闭包实现.本文尽可能用简单易懂的话,讲清楚 ...
深入浅出 Javascript 事件
转载自:https://www.cnblogs.com/jingwhale/p/4656869.html 深入浅出 Javascript 事件一.事件流事件冒泡和事件捕获分别由微软和网景公司提出, ...
前端开发学习笔记（一）深入浅出Javascript
从事开发工作已经有十几年时间了,但一直没有真正涉猎WEB开发,这在当今IT业界听起来有些不可思议哈.从今天开始静下心来,全面深入的学习WEB开发的有关知识.将学习的体会和要点记录下来,以作备忘. 深入 ...
浅谈 JavaScript、ECMAScript （ES5、ES6）是什么、相互关系
一.ECMAScript 和 JavaScript 的关系前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. ES6 === ECMAScript6 ...
深入浅出 Javascript API（二）--地图显示与基本操作转
深入浅出 Javascript API(二)--地图显示与基本操作地图显示与基本操作(放大.缩小.移动.坐标显示)是JavascriptAPI的基本功能,也是一个WebGIS应用的基本内容,Java ...
JavaScript基础(ECMAScript)
Web前端基础修炼 HTML基本标签详解与运行截图 CSS基本操作详解及截图演示 JavaScript基础(ECMAScript) JavaScript中DOM操作 JavaScript中BOM操作 ...
PHP （20140510）深入浅出 JavaScript 变量、作用域和内存 v 0.5
深入浅出 JavaScript 变量.作用域和内存 v 0.5 本文主要从原理入手分享变量和作用域的相关知识,最后结合本文所分享知识,再次深入了解下闭包的运行原理. 主要参考<JS高级程序设计& ...
JavaScript之ECMAScript
JavaScript之ECMAScript JavaScript简介 JavaScript是什么 JavaScript可以做什么 JavaScript有什么 JavaScript的书写位置内部Jav ...
js 系统教程-01-JavaScript 的历史，JavaScript 与 Java 的关系，JavaScript 与 ECMAScript 的关系，JavaScript的版本
目录目录 JavaScript 语言的历史诞生 JavaScript 与 Java 的关系 JavaScript 与 ECMAScript 的关系 JavaScript的版本原文地址目录导航 ...
前端——javascript基础-ECMAScript
文章目录 JavaScript简介 ECMAScript JavaScript的引入方式 javascript得输出方式: 变量五种基本数据类型运算符数据类型转换 if语句 switch语句 w ...

深入浅出JavaScript(1)—ECMAScript

深入浅出JavaScript(1)—ECMAScript相关推荐

最新文章

热门文章