`

灵动的JavaScript

阅读更多

JavaScript,弱类型动态脚本语言,浏览器嵌入式语言。简单,灵动。

一  JavaScript中的基本数据类型

JavaScript中简单数据类型只有undefinednullbooleannumberstring

复杂数据类型只有一种,即object。代码由function体现。

其他所有的代码都由以上基本内容组成。足够简单,但功能强大。

可以用typeof运算符来区别不同数据的类型。

 

 

二  JavaScript是函数式编程语言

这是最接近我们的函数式编程语言了。相比Lisp,Haskell。JavaScript显得如此亲切。函数是JavaScript的第一对象。函数可以制造对象,函数是JavaScript对象之父。

 

 

三  JavaScript是基于对象的编程语言

JavaScript中没有类的概念。JavaScript中,一切可以被当作对象来处理。function可以看作是对象。boolean,number,string必要时解释器会自动包装为对象。

对象本质上就是一系列属性的集合,而JavaScript对象的本质是字典。这与Python几乎一致。

字典是一种可变容器,JavaScript对象的属性可以动态添加,也可以动态减少。

 

 

四  JavaScript的面向对象

通过优秀的设计,使用强大的this、prototype语法,JavaScript已经几乎可以完全支持面向对象了,虽然其实现方式显得很不寻常。(至于是不是完全的面向对象。我总觉着JavaScript函数式才是其真正本质。面向对象还是为了迎合开发者的。但仁者见仁,智者见智。这并不重要。)

 

 

五   JavaScript运行环境

1.宿主环境

JavaScript必须在浏览器中运行。相对于JavaScript,Web浏览器是一种外壳程序。外壳程序向脚本语言提供宿主环境,宿主环境向脚本语言提供基本对象,脚本语言操作这些对象,从而获得一些实际的能力。

例:JavaScript本身没有IO接口,没有实际的能力。javascript运行在外壳程序中,实际能力要依靠当前宿主环境提供的基本对象完成。比如 alert("hello world"); 这就是借助window对象的alert()函数完成。

又例:Windows环境中,MS提供WSH作为宿主环境。该环境定义了wscript对象以表示全局对象。

2.执行期环境

由宿主环境通过脚本引擎创建,实际就是由JavaScript引擎创建的一个代码解析初始环境。初始化内容包括:

一套与宿主环境相联系的规则

JavaScript引擎内核(基本语法规范、逻辑、命令和算法)

一组内置对象和API

其他

不同JavaScript引擎定义的初始化环境是不同的,这样也就形成了浏览器兼容问题。

 

 

六  JavaScript执行顺序

1.按HTML文档流的顺序从上到下解析JavaScript代码。不会因为某部分的js是外部代码而延期解析。

 

2.预编译与执行顺序的关系

javascript解析器会优先解析变量声明。后处理相应的执行语句。

保证良好习惯:声明全局变量和函数应放在代码之前。

 

3.按块执行JavaScript

如果遇到<script>标签,JavaScript解释器会等到代码块加载完后,先对代码块进行预编译,然后执行。之后再解析下一个HTML代码块。

所以,如果在前一块中用到后一块中声明的函数或变量,则会提示错误。

不同块中的变量和函数属于同一个全局作用域,即可以共享。

 

4.事件机制改变JavaScript执行瞬息

为避免网速随JavaScript执行的影响,一般在页面初始化完毕后才允许执行JavaScript代码。

使用onload事件,该事件在页面加载完毕后执行。

 

 

参考书籍:

<悟透JavaScript>

<JavaScript征途>

 

 

 

分享到:
评论

相关推荐

    H754_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip

    三、JavaScript的灵动 JavaScript是构建交互式网站的关键,H754模板中的JS代码负责处理用户交互、动态内容更新和页面动画等功能。通过AJAX技术,模板可以实现异步数据交换,提升用户体验。同时,模板可能还利用了...

    H318_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip

    三、JavaScript的灵动 JavaScript是网站交互性的核心,H318模板中的js文件负责处理用户交互、数据动态加载和功能实现。可能包括Ajax技术用于异步数据交换,jQuery库简化DOM操作,以及可能的前端框架如Vue.js或React....

    H284_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip

    JavaScript(简称JS)是网页动态效果的核心,H284模板中的JS代码用于实现交互功能,如按钮点击、滑动切换、表单验证等。利用jQuery或Vanilla JS等库,开发者可以更便捷地处理DOM操作,提升用户体验。此外,模板可能...

    基于JavaScript的lendoo-wx微信小程序端灵动电商开源系统设计源码

    该项目是一款基于JavaScript和微信小程序技术的灵动电商开源系统微信小程序端设计源码,总共有133个文件组成,涵盖40个JSON配置、29个JavaScript脚本、26个PNG图片、18个WXML模板、17个WXSS样式表、1个Git忽略规则和...

    Google首页JavaScript效果

    Google作为全球知名的搜索引擎,其简洁而富有趣味性的首页设计一直以来都受到用户的喜爱,其中的小动画更是增添了一份灵动。这些效果主要通过JavaScript实现,下面将详细解析其背后的编程原理和技巧。 首先,...

    悟透JavaScript

    JavaScript是一种轻量级的脚本语言,它将数据和代码紧密地融合在一起,形成了独特的编程哲学。...通过对JavaScript的深入理解,我们可以更好地利用它的特性来解决实际问题,创造出更加灵动的Web应用。

    微信小程序-灵动云商城(完整带后台)小程序源码

    "灵动云商城"是一个基于微信小程序的完整电商解决方案,它包括前端展示层以及后端管理系统,旨在帮助企业或个人快速构建自己的在线商店。 首先,我们要了解微信小程序的基础架构。微信小程序的开发环境基于...

    灵动标签在帝国6.6首页Flash图片轮播 的成功应用

    Flash图片轮播技术虽然在现代Web开发中逐渐被HTML5 Canvas和JavaScript库所取代,但在特定场景下仍具有一定的实用价值。 ### 灵动标签 灵动标签是帝国CMS提供的一种数据调用机制,允许开发者在模板文件中使用类似...

    wechat小程序源码灵动云商城+php后台+后台配置教程

    它允许开发者使用JavaScript、WXML(微信小程序标记语言)和WXSS(微信小程序样式语言)来构建应用程序,同时结合微信提供的API接口,实现与服务器的数据通信和用户交互。 本资源包含“灵动云商城”的微信小程序...

    HTML5绘制灵动的德牧狗头特效.zip

    总结起来,"HTML5绘制灵动的德牧狗头特效"这个项目综合运用了HTML5的Canvas绘图、JavaScript的动态控制、jQuery的简化编程以及CSS的美化效果。通过解压并研究"jiaoben8793"这个文件,你可以深入学习到如何结合这些...

    HTML+CSS+JavaScript制作的展示效果样例

    HTML、CSS、JavaScript、JQuery、Vue 等相关知识和小实例 2.5D立体文字 3D导航栏效果 导航动画特效 创意罗盘时钟 灵动加载特效

    小程序源码之灵动云商城+php后台+后台配置教程.zip

    开发小程序需要掌握微信开发者工具,熟悉WXML(微信小程序标记语言)和WXSS(微信小程序样式语言),以及JavaScript进行业务逻辑处理。 源码中的"灵动云商城"可能包含了以下几个部分: 1. WXML 文件:这些文件定义...

    JavaScript象棋

    “楚汉相争,鸿沟为界”,这句话里诠释着中国象棋博大文化精髓,象棋是由两人轮流走子,以将死或困毙对方将(帅)为胜。以其精妙的布局,灵动的走法,在国内深受群众喜爱,现在有JavaScript象棋游戏源码,分享给大家

    javascript实现很浪漫的气泡冒出特效

    这一特效能够在网页上模拟出气泡不断上升的效果,为网页增添一份灵动与浪漫。以下是实现这一特效所需掌握的知识点: 1. HTML与CANVAS元素:要实现气泡效果,HTML文档中需要嵌入一个CANVAS元素。CANVAS元素为...

    帝国网站管理系统-灵动标签

    8. **进阶技巧**:高级教程可能会涉及JavaScript交互、Ajax动态加载等技术,使标签功能更加强大。 通过学习帝国网站管理系统-灵动标签的使用教程,初学者不仅可以掌握基础操作,还能了解到如何利用这个工具提升网站...

    灵动管理系统(该项目书是个图书管理项目)

    灵动管理系统是一款专为图书管理设计的应用程序,旨在提高图书馆的运营效率和服务质量。这个系统作为一个图书管理项目,可能包含了从图书入库、借阅、归还、预约、续借到图书查询等一系列功能。虽然提供的压缩包文件...

    “面对面文件快传”,Web端灵动快传,安卓互传文件,局域网,无网传输文件.zip

    郑志琦 董致礼集成开发工具zend Studio开发语言PHP、JavaScript、HTML、CSS#####Web端程序的UI展示 #####Web端程序目录相关说明程序目录中 github-images-folder 文件夹与PC端程序无关,里面的图片为Github项目...

    一个轻量级的javascript库 pj介绍

    相对于其他语言来说,javascript脚本语言太小巧玲珑了,活泼灵动。个人非常喜欢写javascript代码。虽说网络上出名的javascript库充斥网络,jQuery、Prototype、Base、ExtJs……,功能也非常强大,使用起来也方便。...

    微信小程序开发-灵动云商城+php后台+后台配置教程案例源码.zip

    微信小程序开发主要基于微信开发者工具,采用WXML(微信小程序标记语言)和WXSS(微信小程序样式语言)进行页面结构和样式的定义,同时结合JavaScript处理业务逻辑和数据交互。开发者需要掌握这些语言的语法和特性,...

    小程序源码_灵动云商城+php后台+后台配置教程.rar

    在"小程序源码_灵动云商城"中,我们可以看到前端展示层的HTML、CSS以及JavaScript代码,这些都是实现商城功能的核心部分。开发者可以通过阅读源码,了解如何设计用户界面、处理用户交互,以及如何与后台服务器进行...

Global site tag (gtag.js) - Google Analytics