首页 > 代码库 > JavaScript的个人学习随手记（一）
JavaScript的个人学习随手记（一）
JavaScript 简介
要学习的人可以到W3School http://www.w3school.com.cn/b.asp
JavaScript 是世界上最流行的编程语言。
这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
个人感觉JavaScript也是特别类似OC，大部分跟OC语法相同
JavaScript：写入 HTML 输出
实例
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
JavaScript：对事件作出反应
实例
<button type="button" onclick="alert(‘Welcome!‘)">点击这里</button>
JavaScript 使用
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
JavaScript 输出
如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。
使用 "id" 属性来标识 HTML 元素：
JavaScript 语句
JavaScript 对大小写敏感。
JavaScript 对大小写是敏感的。
当编写 JavaScript 语句时，请留意是否关闭大小写切换键。
函数 getElementById 与 getElementbyID 是不同的。
同样，变量 myVariable 与 MyVariable 也是不同的
JavaScript 注释
与C语言一致:// /**/
JavaScript 变量
与代数一样，JavaScript 变量可用于存放值（比如 x=2）和表达式（比如 z=x+y）。
变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
- 变量名称对大小写敏感（y 和 Y 是不同的变量）
var pi=3.14;var name="Bill Gates";var answer=‘Yes I am!‘;
JavaScript 数据类型
JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：
对象属性有两种寻址方式：
实例
name=person.lastname;name=person["lastname"];
当您声明新变量时，可以使用关键词 "new" 来声明其类型：var carname=new String;
var x= new Number;var y= new Boolean;var cars= new Array;var person= new Object;
JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。
JavaScript 对象
访问对象的属性
访问对象属性的语法是：
objectName.propertyName
String 对象的 length 属性来查找字符串的长度
String 对象的 toUpperCase() 方法来把文本转换为大写
创建 JavaScript 对象
通过 JavaScript，您能够定义并创建自己的对象。
创建新对象有两种不同的方法：
- 定义并创建对象的实例
- 使用函数来定义对象，然后创建新的对象实例
创建直接的实例
这个例子创建了对象的一个新实例，并向其添加了四个属性：实例
person=new Object();person.firstname="Bill";person.lastname="Gates";person.age=56;person.eyecolor="blue";
使用对象构造器
本例使用函数来构造对象：
实例
function person(firstname,lastname,age,eyecolor){this.firstname=firstname;this.lastname=lastname;this.age=age;this.eyecolor=eyecolor;}
创建 JavaScript 对象实例
一旦您有了对象构造器，就可以创建新的对象实例，就像这样：
var myFather=new person("Bill","Gates",56,"blue");var myMother=new person("Steve","Jobs",48,"green");
JavaScript 函数
函数就是包裹在花括号中的代码块，前面使用了关键词 function
您可以发送任意多的参数，由逗号 (,) 分隔：
myFunction(argument1,argument2)
当您声明函数时，请把参数作为变量来声明：
function myFunction(var1,var2){这里是要执行的代码}
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。
向未声明的 JavaScript 变量来分配值
如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。
JavaScript 类
JavaScript 是面向对象的语言，但 JavaScript 不使用类。
在 JavaScript 中，不会创建类，也不会通过类来创建对象（就像在其他面向对象的语言中那样）。
JavaScript 基于 prototype，而不是基于类的。
比较运算符
比较运算符在逻辑语句中使用，以测定变量或值是否相等。其他同C
运算符 | 描述 | 例子 |
=== | 全等（值和类型） | x===5 为 true；x==="5" 为 false |
For/In 循环 同OC
JavaScript for/in 语句循环遍历对象的属性：
实例
var person={fname:"John",lname:"Doe",age:25}; for (x in person) { txt=txt + person[x]; }
break 语句用于跳出循环。
continue 用于跳过循环中的一个迭代。
JavaScript 错误 - Throw、Try 和 Catch
try 语句测试代码块的错误。
catch 语句处理错误。
throw 语句创建自定义错误。
JavaScript 测试和捕捉
try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。
JavaScript 语句 try 和 catch 是成对出现的
Throw 语句
throw 语句允许我们创建自定义错误。
正确的技术术语是：创建或抛出异常（exception）。
如果把 throw 与 try 和 catch 一起使用，那么您能够控制程序流，并生成自定义的错误消息。
try { var x=document.getElementById("demo").value; if(x=="") throw "empty"; if(isNaN(x)) throw "not a number"; if(x>10) throw "too high"; if(x<5) throw "too low"; }catch(err) { var y=document.getElementById("mess"); y.innerHTML="Error: " + err + "."; }
JavaScript 表单验证 提示框函数
alert(alerttxt)
更多的属性、函数、方法等，见W3C官网手册
JavaScript的个人学习随手记（一）