您的位置:首页 > 编程语言 > C语言/C++

C++到js

2013-10-18 20:55 162 查看
[TOC]


Hello
World!


准备一个浏览器

JavaScript 是一个脚本语言,只需要一个一个良好的浏览器即可运行,比如Google Chrome

本文所有样例均基于Chrome


如何写一个JavaScript
的 HelloWorld

打开任意编辑器,输入以下内容

<script>
alert("HelloWorld!");
</script>


保存为任意HelloWorld.html 打开,应该能看到弹出窗口
HelloWorld!


当然,alert函数弹出窗口并不便于调试,推荐使用console.log函数 这样的HelloWorld代码为

<script>
console.log("HelloWorld!");
</script>


保存,打开,右键单击"审查元素"或按
F12
调出开发者工具,单击Console选项卡,应该能够看到输出的"HelloWorld!"


引用外部js文件

大量的JavaScript代码可以放在外部的.js文件中 我们的HelloWo可以这样写

<script src="hellloworld.js"></script>


同目录下的helloworld.js的内容为

console.log("HelloWorld!");


今后我们默认


Java
Script基本概念


变量

JavaScript是一门弱类型的语言,看起来类型不同的变量也能够进行运算 下面是一个a+b的样例

var a,b;
a=3;
b=7;
c=a+b;
console.log(c);


运行,应该能看到输出10

注意: 我们并没有用var定义变量c,但是c已经被隐式定义了,这样定义的变量是全局变量,可能声明会出现副作用,建议所有的变量都使用var声明


函数

一个递归求阶乘的函数

function fact(x)
{
    if (x==0)
        return 1;
    result=x*fact(x-1);
    return result;
}
console.log(fact(5));
console.log(result);


结果应该是两个输出,都为120 我们应当注意到,
console.log(result);
输出的result就是fact函数最后一次使用时给result赋值,因为result为隐式全局变量,所以能在里这访问


数组和循环

同C++一样 Javascript 提供了for循环和数组

var n=5;
var arr=[5,4,3,2,1];//定义数组并初始化,这里使用了JSON方式
for (var i=0;i<n;i++)//for 循环
{
    console.log(i);
    arr[i]+=i;
}
while (--n>=0)
    console.log(arr[n]);



JavaScript
中的数组


JvaScript是一门很灵活的语言,有很多强大的特性,比如

声明数组时不用指定数组大小,可以直接使用任意的下标访问数组,当然,相应位置可能没有值
同一个数组中的元素没有必要是同一个类型的,比如arr[1]=3.1415926,arr[2]="孙建波"诸如此类都是可以的
数组下标可以是字符串,类似于C++ STL 中的Map 我们可以这么用arr["Apple"]="Jobs";


对象和JSON

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,对于JSON的设计理念,可以自行参考阮一峰的数据类型和Json格式

JSON的规则非常简单:

并列的数据之间用逗号(",")分隔。
映射用冒号(":")表示。
并列数据的集合(**数组**)用方括号("[]")表示。
映射的集合(**对象**)用大括号("{}")表示。

JSON 是JavaScript 的一部分,我们可以用JSON来描述一个对象,比如一名ACM选手描述:

var acmer1={
  "ID": "WJMZBMR",
  Name: "陈立杰",
  "School": 
  {
    "HighSchool": "杭州外国语学校",
    "college": "THU"
  },
  "Achievement": 
  [
    "2010年8月,全国青少年信息学竞赛在线赛(NOI2010)全场第二,打败了两名国家队选手。",
    "2010年11月,全国青少年信息学联赛(NOIP2010)浙江赛区一等奖,380分(满分400分)。",
    "2011年1月,全国青少年信息学奥林匹克冬令营(WC2011)全场第23名,在非国家集训队选手中排名前列。"
  ],
  print:function(){console.log(this);}
}
acmer1.Birthday="1995年8月1日";
acmer1.print();


在Console中可以看到输出的对象的结构

可以注意到,上面的Name 并没有加双引号
""
,Birthday也并不是在声明时定义的,可见JavaScript
里的JSON 是非常灵活的


对象的其他用法

var a,b;
console.log(a);//输出undefined
a=new Object();
b={};//另一种初始化对象的方法
console.log("a=",a,"b=",b);
a.name="Android";
a.language="Java";
a.ver=[1,2,3];
console.log(a);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: