笔记
- 如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖
- 大小写敏感,每行后分号
- 注释:
//commit one line
/*
commit
more commit
*/
- 声明:var a;a=1; 或者var a=1; 声明的都是对象
声明类型用new,
var x= new Number; var person= new Object;
- 如果重新声明 JavaScript 变量,该变量的值不会丢失:
在以下两条语句执行后,变量 carname 的值依然是"Volvo":
var carname="Volvo";
var carname; - 单引号里套双引号,或者双引号里套单引号
- 声明数组的三种方法
//1
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
//2,这个方式好奇怪
var cars=new Array("Audi","BMW","Volvo");
//3
var cars=["Audi","BMW","Volvo"];
- 对象的声明和赋值
var person={firstname:"Bill", lastname:"Gates", id:5566};
- 对象属性有两种寻址方式:
name=person.lastname;
name=person["lastname"]; - JavaScript 中的几乎所有事务都是对象:字符串、数字、数组、日期、函数,等等。你也可以创建自己的对象。 提示:在面向对象的语言中,属性和方法常被称为对象的成员。
- 创建一个对象,可以objectName=new object()然后给各个属性赋值,也可以直接objectName={}里面用属性名字:属性值这样键值对的方式赋值
- 使用对象构造器
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
var myFather=new person("Bill","Gates",56,"blue");
var myMother=new person("Steve","Jobs",48,"green");
//添加方法
this.changeName=changeName;
//这么说,这句话相当于给这个object声明了一个方法,并且给这个方法赋值为虾米这个函数
function changeName(name)
{
this.lastname=name;
}
}
//调用
myMother.changeName("Ballmer");
- a.length 对象的属性; a.toUpperCase() 对象的方法
- 函数,如我们所知,可传参进去,但是,有返回值,然而没有接受返回值的东西(被go洗脑的我觉得这样真是反人类)
//变量接收返回值或者直接用
var myVar=myFunction();
document.getElementById("demo").innerHTML=myFunction();
function myFunction()
{
var x=5;
return x;
}
-
局部变量:函数内部声明(var),作用域就在函数内部,不同函数中局部变量可以重名,退出函数后删除
全局变量:函数外声明,网页上所有脚本和函数都可以访问,页面关闭后删除
- 运算:
+可以拼接字符串;
如果把数字与字符串相加,结果将成为字符串。
y=5
x=++y //x=6
x=--y //x=4
- 条件运算符,类似一个简单的if else
//syntax:variablename=(condition)?value1:value2
greeting=(visitor=="PRES")?"Dear President ":"Dear ";
//如果变量 visitor 中的值是 "PRES",则向变量 greeting 赋值 "Dear President ",否则赋值 "Dear"。
- if else用法和其他语言一样
- switch 遇到匹配项,执行,继续执行,break可以阻止继续执行,没有匹配项,执行default
- for/for in/while/do while loop
//for 首末项可省略,( ;i<cars.length; )
for (var i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
//for in 遍历对象的属性
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person)
{
txt=txt + person[x];
}
//output:BillGates56
//注意!
//注意!
//注意!这里有种奇葩的写法,反正我第一次见,虽然勉强说得过去,但是网站上并没有给出合理的解释,哪位老司机有官方讲解,来个看看
for (;cars[i];){...}
while (cars[i]){...}
- break/continue
break跳出循环,continue跳出本次循环,进行下次循环(啊?这是基础,我知道啊,知道你们都会) - label,估计跟go的一样,半辈子不会用到一次,写着玩可以用
- try catch throw
<script>
function myFunction()
{
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 + ".";
}
}
</script>
<h1>My First JavaScript</h1>
<p>Please input a number between 5 and 10:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">Test Input</button>
<p id="mess"></p>
- JavaScript 是面向对象的语言,但 JavaScript 不使用类。
在 JavaScript 中,不会创建类,也不会通过类来创建对象(就像在其他面向对象的语言中那样)。
JavaScript 基于 prototype,而不是基于类的。 - 所有 JavaScript 数字均为 64 位(8 比特),浮点数。
- 如果前缀为 0,则 JavaScript 会把数值常量解释为八进制数,如果前缀为 0 和 "x",则解释为十六进制数。
- 数字属性和方法(http://www.w3school.com.cn/jsref/jsref_obj_number.asp)
属性:
MAX VALUE
MIN VALUE
NEGATIVE INFINITIVE
POSITIVE INFINITIVE
NaN
prototype
constructor
方法:
toExponential()
toFixed()
toPrecision()
toString()
valueOf() - 正则的一个例子:
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free"));
//output:true
总的来说,这里的教程不如廖雪峰那边的好,个人觉得。。我再去看一遍廖雪峰的,不过其实现在这样刷题应该也够用了,方法还需要再多了解一点