JavaScript的个人学习随手记

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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，您能够定义并创建自己的对象。

创建新对象有两种不同的方法：

  1. 定义并创建对象的实例
  2. 使用函数来定义对象，然后创建新的对象实例

 

 

创建直接的实例

这个例子创建了对象的一个新实例，并向其添加了四个属性：实例

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的个人学习随手记的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript 随手记

随手记——在Linux下如何测试代码执行时间

随手记——在Linux下如何测试代码执行时间

编程语言随手记

随手记——Linux中编写实时性代码时需要注意哪些问题

随手记——Linux中编写实时性代码时需要注意哪些问题