javascript基础【一】

网易天音

网易出品！一站式音乐创作工具！零基础写歌！

下载

javascript基础【一】

2015/11/13 16:10:04

javascript自诞生之初就处于争论之中，但是这依旧不影响其成为今天web编程的主流语言。最初的javascript设计用于在浏览器端提供数据交互、画面渲染、会话认证等动态功能，如今node.js的流行使得javascript扩展到了服务器端。

javascript作为一门弱类型的脚本语言，语法并不复杂，作为今时代的程序猿们，无论是否进行WEB开发，熟悉了解javascript都百利无一害。所以今天就让我们来干净利落地认识下javascript吧！

一、什么是javascript？

javascript是一种动态脚本语言，专门用于Web应用开发，最主要的功能是为页面添加动态行为效果，具体有：

• 将动态文本嵌入到HTML页面；
• 响应浏览器事件（javascript是一种事件相应语言，对于用户鼠标点击、移动等行为都可以进行响应）；
• 读写HTML元素（如表单提交等）；
• 在数据提交到服务器前验证数据；
• 检测访客的浏览器信息；
• 控制cookie，包括创建和修改等；
• 基于Node.js技术进行服务器端编程；

可以说，javascript是在客户端针对HTML页面动态行为进行编程的直译型脚本语言，使得Web浏览器不仅仅是显示用户页面那么简单。但是也正是由于javascript部署在客户端，因此其安全性一直是人们关注的焦点。

二、javascript调试

javascript脚本的执行主要通过各大浏览器厂商自主开发的解析引擎实现。现有的主流javascript解析引擎主要有：Chrome的V8引擎、IE9的JS引擎以及Firefox的TraceMonkey；

进行javascript开发，我们往往习惯有个类似于VS那样的IDE可以直接使用，但是由于javascript本身就是一种“轻量级”语言，因此我们只需要简单的文本编辑器 + javascript解析引擎就可以进行开发调试了。

大家当然可以使用Windows下的记事本或者Linux的Vim编辑器，但是我建议大家还是使用专门的代码编辑器比较好，因为具有语法高亮提示、自动补全等诸多便利。这里我使用的文本编辑器是nodepad++，而搭配的调试器就是简答的Firefox，当然你也可以使用IE、Chrome甚至Safri，因为nodepad++支持多种浏览器调试。

在Notepad++中的“运行”菜单下可以选择在哪种浏览器中运行调试javascript脚本，也可以使用上面的快捷键。

三、javascript测试程序

接下来，我们提供一个非常简答的javascript脚本，里面涉及的知识点会逐一讲解。

首先是我们的javascript脚本：program.js，我们先来看一段代码：

立即学习“Java免费学习笔记（深入）”；

document.writeln('');
 
document.writeln("Hello, world!");
var a = 100000000000000000000e400;
if (a < Infinity)
{
document.writeln(a);
document.writeln('a less than Infinity, 3Q~~');
}
else
{
document.writeln(a);
document.write('Sorry, a more than Infinity!\n');
} 

立即学习“Java免费学习笔记（深入）”；

var a = 10, b = 9;
 

document.writeln(a);

function add(x,y)
{
return x + y;
}

function subtract(x,y)
{
return x - y;
}

document.writeln(add(a,b)); 

立即学习“Java免费学习笔记（深入）”；

document.writeln("Global Object...");
 
var MyObj = {};

MyObj.member = {'first-name': "Alice", last_name : "Winston"};

MyObj.record = {
airline: 'T2B',
number: 777,
departure: {
Date:"Sunday",
Time:"2015-11-01",
City:"Taiwan"
},
arrival: {
Date:'Monday',
Time:"2015-11-02",
City:"Beijing"
}

};

document.writeln("Retrive a non-exit attribute value ..exa..MyObj.people..");
document.writeln(MyObj.people);

document.writeln("typeof MyObj.member is ...");
document.writeln(typeof MyObj.member);

document.writeln("MyObj.record.number is ...");
document.writeln(typeof MyObj.record.number);

document.writeln('MyObj.record.airline is ...');
document.writeln(typeof MyObj.record.airline); 

立即学习“Java免费学习笔记（深入）”；

//对象属性值的更新
 
document.writeln('Attribute value update...');
document.writeln(' Once Date is ' + typeof MyObj.record.departure.date);

MyObj.record.departure.Date = 'Saturday';

document.writeln(MyObj.record.departure.Date);

//对象枚举
document.writeln('Object enume...')
var name;
for (name in MyObj.record)
{
document.writeln(name + ':' + MyObj.record[name]); 

接下来是我们的program.html